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

Logo

前往低代码交流专区

更多推荐