ant vue 日常开发笔记

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;}