18910140161

开启表单验证后 v-model绑定有时会失效的问题

顺晟科技

2022-09-03 12:55:01

180

表单组件监听父组件传递过来的表单对象并更新,city表单项额外做了表单验证,如果传递进来的表单对象的city属性有值就显示并将city表单项disabled掉,反之则允许填写,并对填写值进行校验。但是有时表单对象中city属性有值且通过打印日志的方式确认了值已经赋给了city表单项v-model绑定的对象,但页面上缺不显示,请教下是什么原因:


顺晟科技:

};< /script>

< div>< Form ref=“form” :rules=“formValidate” :model=“form”>…< FormItem label=“城市” prop=“city”>< Input v-model.trim=“form.city” placeholder=“所属市” disabled />< /FormItem>…< /Form>< /div>< script>export default {name: ‘CityForm’,components: {},props: {insertData: {type: Object}},data() {return {form: {city: null},

因为 Input 的 disabled 没绑定变量,不管 city 有没有值,disabled 永远是 true,应改为

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航