基于Vue的工作流项目模块中,使用动态组件的方式统一呈现不同表单数据的处理方式 - 伍华聪
基于Vue的工作流项目模块中,使用动态组件的方式统一呈现不同表单数据的处理方式在基于Vue的工作流项目模块中,我们在查看表单明细的时候,需要包含公用表单信息,特定表单信息两部分内容。前者表单数据可以统
顺晟科技
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,应改为
23
2022-09
23
2022-09
23
2022-09
23
2022-09
23
2022-09
23
2022-09