Ant Design Vue
qwe122343
这个作者很懒,什么都没留下…
展开
-
Ant Design Vue table 表格某一行改变文字颜色
Ant Design Vue table 表格某一行改变文字颜色原创 2022-03-25 21:00:06 · 9946 阅读 · 7 评论 -
Ant Design Vue Modal 对话框 this.$warning is not a function
Modal 对话框十分常用,但用官网这个信息提示模板竟然报错了warning() { this.$warning({ title: 'This is a warning message', content: 'some messages...some messages...', });},简单粗暴的结论:this.$warning应该改成Modal.warning改后:warning() { Modal.warning({ title: 'This原创 2022-03-24 15:09:03 · 2980 阅读 · 1 评论 -
Ant Design Vue Input 输入框设置只读
<a-input v-model="A" placeholder="请输入"/>只读 readonly 需要写成 readOnly<a-input v-model="A" placeholder="请输入" readOnly/>原创 2021-12-10 16:05:03 · 6884 阅读 · 0 评论 -
ant design vue 表格 Table 实现导出功能
当你搜这个问题的时候,我想你已经知道了 ant design vue 的 Table 组件没有导出功能,比用 View UI 麻烦一点话不多说 直接上可以跑的代码供大家参考使用表格写两个,一个导出用,隐藏掉;另一个展示用。主要是 data-source 绑定的值不同<!--导出用--><a-table bordered :columns="columns1" :data-source="infoListExport" id="tableExport" rowKe原创 2021-06-28 10:27:51 · 5180 阅读 · 5 评论 -
[Vue warn]: Failed to resolve directive: ant-portal (found in <Anonymous>)
使用场景:Ant Design Vue 1.75 局部引入 Modal 组件,Vue 2import { Input, Button, Modal } from 'ant-design-vue';export default { name: "BasicInformationOfUndergraduate", components: { 'a-input': Input, 'a-button': Button, 'a-modal': Modal, }, ...原创 2021-06-23 10:52:55 · 1990 阅读 · 0 评论 -
Ant Design Vue Modal对话框设置z-index
对于对话框的 z-index 尝试过自己写 style 样式 但没有生效原来对话框内置了 z-index 的 API 供调用默认值取得是1000<a-modal :zIndex="1001">原创 2021-06-04 09:05:49 · 4183 阅读 · 0 评论 -
Ant Design Vue 表格无法编辑解决方案
一个简单的需求:直接编辑表格中的内容,比如顺序号这一项但始终无法编辑,查了好久终于发现问题出在表格绑定的数组 data 上,它不是响应式的const data = [ { key: '1', name: 'John Brown', age: 32 }, { key: '2', name: 'Jim Green', age: 42 }, { key: '3', name: 'Joe Black', age: 33 }, ];得做成响应式才行!const data = re原创 2021-04-21 15:02:24 · 1771 阅读 · 0 评论 -
Ant Design Vue Select 选择器隐藏下拉菜单
根据业务需求,不想让下拉框展示出来,本想自己修改样式原来 Ant Design Vue 已经为我们写好,使用参数 open 即可,可控制是否展开下拉菜单:open="false"<a-select mode="multiple" v-model:value="formState.name4" class="formLength" placeholder="请点击选择按钮" :open="false">...原创 2021-04-20 20:29:58 · 4908 阅读 · 0 评论 -
Ant Design Vue resetFields 表单重置不生效
使用 Ant Design Vue 的 resetFields 重置表单,当新增表单和编辑表单公用一套样式的时候, 编辑完成后点击新增还会出现老数据,如果只是简单的新增则一切正常,不知道各位有没有遇到这个问题几经搜索:发现 resetFields 作用不是清空表单,而是将所有字段值重置为初始值。因此点编辑时因为表单有初始值信息,修改完关闭后 resetFields 会保留初始值, 再次点击新增时就出现了难缠的老数据。改进方法: 点击新增时增加调用置空表单字段的方法function resetF原创 2021-04-02 17:05:39 · 6524 阅读 · 2 评论 -
Ant Design Vue 输入框绑定不上值解决方案
在使用 Ant Design Vue 练习动态增减表单项时,发现输入框无法绑定值,原因出在 <a-input> 标签的写法上。错误写法:<a-input v-model="item.value"></a-input>正确写法:在 v-model 后面增加 :value<a-input v-model:value="item.value"></a-input>...原创 2021-04-02 15:02:07 · 5306 阅读 · 5 评论 -
antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key
用了 Ant Design Vue 之后,遇到了一些 iView 中没遇到过的问题,只能一个一个解决。在使用 Table 组件渲染后台返回数据时,提示 antdv: Each record in table should have a unique key prop,or set rowKey to an unique primary key大致意思就是表格里每条数据都需要一个 key,只能满足它的要求 =_=原来的 a-table<a-table :dataSource="data1.dat原创 2021-03-21 11:28:38 · 3975 阅读 · 0 评论 -
Ant Design Vue 的 formRef.value.resetFields() 不生效
从 iView 转过来写 Ant Design Vue,还是有些不同的地方。比如在用 Form 表单时 发现清空表单功能竟然不好使了<a-form :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol" ref="formRef"> <!--没加name不生效!!相当于iView中的prop--> <a-form-item label="节点名称"> <a-input v原创 2021-03-18 10:59:30 · 4194 阅读 · 1 评论 -
Ant Design Vue 的 Select 选择器 placeholder 不显示
<span style="margin-right: 10px">节点类型</span><a-select v-model:value="value1" placeholder="请选择" style="width: 13%;margin-right: 25px"> <a-select-option value="jack">Jack</a-select-option> <a-select-option value="原创 2021-03-18 09:29:01 · 1425 阅读 · 0 评论