ant vue 日常开发笔记
colon配合 label 属性使用,表示是否显示 label 后面的冒号booleantrue
1、ant vue form 设置label无冒号
colon 配合 label 属性使用,表示是否显示 label 后面的冒号 boolean true
<a-form-item
style="width: 48%"
label="--"
:label-col="appSecretLayout.labelCol"
:wrapper-col="appSecretLayout.wrapperCol"
:colon="false"
>
</a-form-item>
2、ant vue form 设置滚动时下拉选框固定不脱离
如果发现下拉菜单跟随页面滚动,或者需要在其他弹层中触发 Select,请尝试使用 getPopupContainer={triggerNode => triggerNode.parentNode} 将下拉弹层渲染节点固定在触发器的父元素中。
<a-select
:getPopupContainer="(triggerNode) => triggerNode.parentNode"
size="small"
style="width: 80px"
:defaultValue="contentWidth"
@change="handleContentWidthChange"
>
<a-select-option value="Fixed">固定</a-select-option>
<a-select-option value="Fluid" v-if="layoutMode !== 'sidemenu'">流式</a-select-option>
</a-select>
3、表格列居中
对应列添加属性: align:‘center’
4、表格排序
对应列添加:sorter: (a, b) => (a.payTime > b.payTime ? 1 : -1),
5、表格固定
对应列添加:fixed: ‘left’
6、vue 计算属性get set区别
使用了computer中的gettter属性,一次获取
set是监听到set内的数据变化就获取一次。参考地址
7、路由
vuerouter中设置(相对)路径
const router = new VueRouter({
mode: ‘hash’,
base: process.env.NODE_ENV === ‘production’ ? ‘ant-design-pro-docs’ : ‘’,
routes
});
8、去除按钮点击动画特效
样式写入如下代码覆盖即可
[ant-click-animating-without-extra-node=‘true’]::after{display:none;}
更多推荐
所有评论(0)