v-decorator

antd input组件的v-decorator自定义校验方式

1、html部分2.1js部分data(){return{validatorRules:{hhtecexpiretime:{//name与v-decorator中属性对应//initialValue:123456
白酱酱·2024-01-28 06:48

响应式绑定＜a-textarea＞的内容

项目中的组件需要自动填入下方数据表的物品名称+数量+单位，效果如下：尝试{{插值}}，实现不了，问ai得知需要使用v-decorator指令的initialValue属性问：如何绑定数据到textarea
梓沂·2024-01-14 11:37

Ant Design Vue给a-form表单赋值及获取表单数据

这里先说一下v-decorator指令：v-decorator下面是form表单内的文本输入框，使用了v-decorate进行数据绑定：这个是v-decorate的用法，类似于v-model，但是v-decorator
DOM曼珠沙华·2023-12-31 17:47

ant design vue ＜a-transfer＞简单穿梭框实现

效果图Vue  item.title"  v-decorator="['userId',{  rules:[{required:true,message:'请选择'}]  }]"  @change="handleChange
lifelalala·2023-12-28 11:23

ant design vue中treeselect异步获取数据

结构：triggerNode.parentNode":loadData="onLoadData":treeData="orgTree"@change="orgtreehand"v-decorator="
只爱吃菜不吃饭·2023-10-28 11:46

解决报错: `defaultValue` is invalid for `getFieldDecorator` will set `value`, please use `option...

在做表单修改的时候，如果用的是v-decorator绑定的值，在设置默认值的时候如下代码{{statusSelect.isTrue}}{{statusSelect.isFalse}}如报错defaultValueisinvalidforgetFieldDecoratorwillsetvalue
浪里个浪里个浪里个浪·2023-10-18 04:33

Ant Design Vue日期选择器 使用v-decorator进行设置

目录第一步导入库//设置中文importlocalefrom'ant-design-vue/es/date-picker/locale/zh_CN'importmomentfrom'moment'使用data(){return{form:this.$form.createForm(this),mdoel:{formatDate:'2022-1-1',description:'HelloWorld'
A_Kai.·2023-08-26 07:55

ant design vue 组件踩坑记录

2.ANTDESIGN+VUE中用选择框V-DECORATOR时同时传递VALUE和NAME的值https:
booleann·2023-08-25 13:41

vue表单验证的时候提示 async-validator:‘‘xxx is not a string“

对vue不是很熟悉，在做vue开发的时候，遇到一个很奇怪的问题，输入框涉及到number类型的时候会提示isnotastring这块的代码是这样的：v-decorator="['fraction',{rules
浪里个浪里个浪里个浪·2023-08-03 05:55

ant-design vue日期选择封装为年份选择组件

因为antdesignvue里面没有原生的年份选择器，需要使用date-picker去改造html：属性说明，mode设置year后选择器面板变成年份选择器，v-decorator将year交给form
qq_46423858·2023-08-01 20:33

ant design vue 年份选择器

因为antdesignvue里面没有原生的年份选择器，需要使用date-picker去改造html：属性说明，mode设置year后选择器面板变成年份选择器，v-decorator将year交给form
小胖砸~·2023-08-01 20:03

antd-vue中v-model不能和 v-decorator同时使用

获取v-decorator的值methods:{changeMe(Value){//Value就是当前触发字段的值，也可以用下getFieldValue获取this.form.getFieldValue
Argenta99·2023-07-20 10:13

解决vue中ant时间格式的处理

转变成在a-rang-picker中添加：v-decorator="[‘betweenTime’]"；接着在script里面写格式化代码importmomentfrom‘moment’//这个是必备品importlocalefrom
一定能成功·2023-06-12 03:08

vue ant design 封装弹窗表单的使用

ant-design-vue的Form表单使用脚手架新建项目安装并导入ant-design-vue,使用Form组件启动应用,测试验证vueantdesign封装弹窗表单0"slot="addonBefore"v-decorator
·2022-10-19 16:34

双向数据绑定v-model与v-decorator

数据绑定1.单向数据绑定将数据写在html结构中，然后进行渲染，一旦HTML代码生成好后，就没有办法再进行改变了，如果有新的数据出现，那就必须要先把之前的HTML代码删掉，然后重新把新的数据和模板一起整合形成新的HTML代码，再插入到文档流中2.双向数据绑定数据模型和视图之间的双向绑定。当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化；可以这样说用户在视图上的修改
shewlong·2022-07-07 07:40

浅谈Vue+Ant Design form表单的一些坑

目录设置默认值的坑自定义v-decorator组件的坑最近在用vue+ant写项目发现from组件的坑还是比较多的设置默认值的坑控制台报Warning:Youcannotsetaformfieldbeforerenderingafieldassociatedwiththevalue.YoucanusegetFieldDecorator
·2022-06-21 16:32

Ant Design】Modal 中Select组件下拉选项随页面滚动与Select框分离异常

AntDesignvueModal中Select组件下拉选项随页面滚动与Select框分离异常Select{returntriggerNode.parentNode}"//新增加这个定位v-decorator
diviner_杨·2021-06-13 18:30

ant design vue中日期选择框混合时间选择器的用法说明

moment方法，需要在页面中引入moment组件importmomentfrom'moment'结构代码：triggerNode.parentNode"format="YYYY-MM-DDHH:mm:ss"v-decorator
·2021-02-06 11:23

ant-design-vue 入门 a-input

-使用起来感觉没有elementUI方便增加和修改在一个弹出页里,id需要隐藏a-form-item代表一行labelCol和wrapperCol是页面的布局v-decorator可以写验证信息
张泽·2020-12-12 20:13

ant-design-vue 入门 a-input

-使用起来感觉没有elementUI方便增加和修改在一个弹出页里,id需要隐藏a-form-item代表一行labelCol和wrapperCol是页面的布局v-decorator可以写验证信息
张泽·2020-12-12 19:54

vue input 赋值报错 getFieldDecorator v-decorator

对input框赋值的时候，报如下错误warning.js?4eb8:34Warning:Youcannotsetaformfieldbeforerenderingafieldassociatedwiththevalue.YoucanusegetFieldDecorator(id,options)insteadv-decorator="[id,options]"toregisteritbeforer
峰回路要转·2020-09-12 23:51

ant design vue中日期选择框混合时间选择器的用法

moment方法，需要在页面中引入moment组件importmomentfrom'moment'结构代码：triggerNode.parentNode"format="YYYY-MM-DDHH:mm:ss"v-decorator
温九月·2020-08-22 18:39

vue ant design 封装弹窗表单用法

vueantdesign封装弹窗表单用法0"slot="addonBefore"v-decorator="[itme.header]"style="width:90px">{{select.label}
采药人~陈大仙·2020-08-01 06:03

Ant Design Vue 表单组件未提及的方法

vueform表单a-form-itemlabel="设置标签"labelCol="{span:'标签格子'}"wrapperCol="{span:'内容格子'}"html="灰色提示信息"v-decorator
wushuaifei·2020-07-30 18:02

ant-desigin-vue中form表单的使用

form表单的使用form表单之获取表单的数据创建表单通过ant-design-vue去获取表单的数据是使用v-decorator的方式去给每个项去注册，这样才能通过组件去拉取表单的数据，同时对必填项做校验
别样红。·2020-07-30 18:23

ant-design-vue form表单 defaultValue无效,得用v-decorator的initialvalue

defaultValue无效,initialValue才有效
stevenxyy·2020-07-30 16:45

Ant Design Vue 如何获form表单里数据 并给 v-decorator绑定的数据重新赋值

最近在用antdesignvue做项目遇到了一下坑比如v-decorator可以做数据绑定与v-model不同的是给form表单赋值v-model的值是双向绑定的如果想给改变v-model的值直接赋值即可比较方便而
盏茶作酒·2020-07-30 16:10

Ant Design Vue 如何获form表单里数据 并给 v-decorator绑定的数据重新赋值

最近在用antdesignvue做项目遇到了一下坑比如v-decorator可以做数据绑定与v-model不同的是给form表单赋值v-model的值是双向绑定的如果想给改变v-model的值直接赋值即可比较方便而
time and yang·2020-07-30 15:14

ant design+vue中用选择框v-decorator时同时传递value和name的值

接触antdesign坑还是要踩的，留个后面的人借鉴一下用v-decorator和set配合，在编辑表格的时候可以拿到后端传递的初始值选择到弹框页面上展示的弹框是这样的：但是对于省市区联动来说，我们需要根据省的
Sara0064·2020-07-30 14:57

antd vue中，在form表单中的自定义组件使用v-decorator

antdvue中，在form表单中的自定义组件使用v-decorator问题描述项目需要，在表单中上传图片，所以要自己定以一个上传图片的组件，直接在form中使用，但是普通的自定义组件无法使用表单的v-decorator
草莓Sir·2020-07-30 13:53

ant-desigin-vue中form表单的使用

form表单的使用form表单之获取表单的数据创建表单通过ant-design-vue去获取表单的数据是使用v-decorator的方式去给每个项去注册，这样才能通过组件去拉取表单的数据，同时对必填项做校验
ygman·2020-07-14 16:02

vue ant design中关于给select设置初始默认值的问题（initialValue无效、用defaultValue则报`defaultValue` is invalid错误）（已解决）

问题：当我们在用vueantdesign给select设置默认值时，如果采用v-decorator的方式去注册控件，且要对表单内容进行校验，那么这个时候无论是如下边错误1一样使用defaultValue
qiqiliuwu·2020-07-11 14:31

Ant Design Vue 添加区分中英文的长度校验

百度搜了一圈都没找到合适的现成的解决方案，所以自己试着基于v-decorator的自定义校验validator实现了一下，核心代码如下：校验插件constvalidators={/***可区分全角字符/
fly_baizhi·2020-07-06 04:08

vue ant 下拉选择 使用v-decorator设置值显示为数字的解决

字段名为type,数据库中为int型，前端获取到的也是数字，使用form.setFieldsValue设置值，结果一直显示为数字，不显示文字标题，设置值前将数字转换为字符串，可正确显示字段：平台公司用户js:this.$nextTick(()=>{varvobj=pick(this.model,'companyCode','companyname','provinceId','cityId','c
wyljz·2020-06-29 22:05

antd vue 动态添加表单项

实现思路（关键点）首先要对BPID的每一项进行注册，使用v-decorator/getFieldDecoratorgetFieldDecorator(id,options)和v-decorator="[
wj1224_·2020-06-29 19:45

Ant Design Vue 表单组件未提及的方法

vueform表单a-form-itemlabel="设置标签"labelCol="{span:'标签格子'}"wrapperCol="{span:'内容格子'}"html="灰色提示信息"v-decorator
weixin_33720452·2020-06-28 03:04

Ant Design Vue 添加区分中英文的长度校验功能

百度搜了一圈都没找到合适的现成的解决方案，所以自己试着基于v-decorator的自定义校验validator实现了一下，核心代码如下：校验插件constvalidators={/***可区分全角字符/
fly_baizhi·2020-01-21 08:05

jeecg-boot前端之表单

简单认识antd表单a-form声明一个表单，对于一般表单要用到的表单元素一般要放入a-form-item，而antd表单的绑定与element不同，一般不用v-model进行绑定，二是用antd的v-decorator
hsoluo·2019-11-20 20:48
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他