• 开发运维 Ant Design vue table 自适应页面高度

    Ant Design vue table 自适应页面高度

    表格(table)可能是在业务开发的时候,用到的最多的组件,AntDesignvuetable也有着一套十分强大的API,而其中有一项开发时,可能希望表格可以随着当前页面的分辨率,来动态调整表格的固定高度,使整个页面更加美观性或者适用性。一、说明:首先,用到的是table自带的API【:scroll="{x:1300,y:400}&...

  • 开发运维 Antdesign vue table 文字超宽tooltip方式显示

    Antdesign vue table 文字超宽tooltip方式显示

    首先来看下效果:表格里的内容由于过多,为了整体美观性,使用超出文字以tooltip的形式进行展示,主要使用了插槽(slot)的方式。一、编写一个tooltip工具代码如下:<template>  <a-tooltip placement="topLeft"> &nbs...

  • 开发运维 NG-ZORRO nz-range-picker日期选择框宽度问题

    NG-ZORRO nz-range-picker日期选择框宽度问题

    最近在打包angular项目后,发现使用了NG-ZORROnz-range-picker的组件宽度显示异常问题:这个是使用了栅格进行布局,但是不管怎么调整栅格大小,都会出现以上的异常显示。解决方法:在当前页面引用的less文件中,添加以下代码,用于覆盖其原来的样式::host ::ng-deep {   ...

  • 开发运维 Antdesign vue RangePicker设置日期可选范围

    Antdesign vue RangePicker设置日期可选范围

    效果图:在range标签中使用disabled-date,这样可以按照一定的时间设定来自由设置可选范围,如:   <a-range-picker :disabled-date="disabledDate" format="YYYY-MM-DD"/>meth...

  • 开发运维 Ant design Vue a-date-picker实现年份选择

    Ant design Vue a-date-picker实现年份选择

    当前版本:1.6.4不支持直接选择年份的组件,官方也给出了相关的说明,可能在未来版本中加入该组件,同时,可以参考react中的组件修改方法官方说明地址:https://www.antdv.com/docs/vue/faq-cn/](https://www.antdv.com/docs/vue/faq-cn/代码实现:当前需要对组件a-date-picker...

qrcode