Ant Design of Vue
Ant Design of Vue使用需要注意的问题
Hua_explore
这个作者很懒,什么都没留下…
展开
-
vue h 渲染函数
(一)、h(c1, c2, c3) 参数说明:(详细参数看最后说明) c1: 标签名 / 组件名(例如antd组件) c2: 子级[] / 属性{}, 组件的属性用props, 其他的,如类名'class',样式'style' c3: 文本(如果是有子级的话,则文本放在子级的第一个参数)(二)、使用1、可直接传入标签,前提是只能有一个父级,变量使用{}引入,在一些特殊情况不能用,例如要加入点击事件@...原创 2021-04-09 09:45:25 · 4319 阅读 · 0 评论 -
antd 表格的多选/单选框:rowSelection
获取选中的框{ 1、定义在rowSelection中,然后监听onChange事件,给selectedRowKeys赋值 rowSelection:{type:'radio',onChange: this.selectChange,getCheckboxProps:this.getCheckboxProps,selectedRowKeys:[]} selectChange (...原创 2021-02-26 17:24:35 · 7881 阅读 · 0 评论 -
antd 表单自定义校验validator、pattern
1、自定义校验:validator 当输入内容不满足条件时,在表单的校验中不出现错误 解决:在写的自定义校验的方法中,加入callback(), 当不满足条件时,要传入‘错误提示的字符’,例如:callback('手机号为必填')例子:手机号+区号 只能自定义校验 1.1、 <a-form-item v-bind="formItemLayout" label="手机号码" :validate-status="phoneStatus" :help="phoneH...原创 2021-02-26 10:20:56 · 4487 阅读 · 0 评论 -
antd 下拉框:根据输入的内容向后台发送请求,并在下拉框中滚动条滚动到底部进行分页
1、说明: ref="clientCode" , :getPopupContainer="() => $refs.clientCode" 是为了将下拉框加载到固定的容器内,为了后面可以获取到(因为默认的是加载到body中的,如果有多个下拉框的话,就没方法确定获取), 下拉框节点并进行监听滚动加载 show-search : 为了可以输入内容进行搜索 :show-arrow="false" : 隐藏下拉标志 :not-...原创 2021-02-23 16:40:20 · 1623 阅读 · 0 评论 -
notification 通知提醒框使用
notification.error({ key:'tip', description: h => { return ( <div>点击这里<a href={that.downloadSrc+'downExe/down.exe'} target='_blank' download="down.exe">执行升级</a>,升级后请刷新页面。 </div&.原创 2021-02-02 13:49:25 · 692 阅读 · 0 评论 -
antd 全局使用message
1、import { message } from 'ant-design-vue'2、 message.error('token过期,请重新登录')原创 2021-01-22 11:35:23 · 2582 阅读 · 0 评论 -
antd 级联选择动态加载 - 省市区地址选择
antd 级联选择动态加载 - 省市区地址选择1、需要添加loadData属性,值是方法,如 :loadData="loadData"<a-cascader :options="options" :loadData="loadData" placeholder="请选择" :field-names="{ label: 'name', value: 'value', children: 'children' }" />2、在created中获取省数据,注意: isLeaf属性需要添原创 2021-01-21 10:15:51 · 2181 阅读 · 0 评论