为了账号安全,请及时绑定邮箱和手机立即绑定

如何让vue的watch在porp不变情况下也能监控到

如何让vue的watch在porp不变情况下也能监控到

我有一个场景,使用iviewui的表单提交内容时,由服务器返回校验信息,如果校验失败将错误提示在formitem上,即将formitem的error属性赋值,但是如果如果两次服务器返回的错误提示一样,第二次formitem就不显示错误了。我的代码:<Modal        ref="modal_addUser"        v-model="modal_addUser"        :loading="modal_addUser_loading"        title="添加新用户"        @on-ok="saveUser('formData')">        <i-Form ref="formData" :model="formData" :rules="ruleValidate" :label-width="80">            <Form-Item label="姓名" prop="name" ref="form-name"                 :rules="{ required: true, message: '年龄不能为空', trigger: 'blur' }"                :error="formError.name">                <i-Input v-model="formData.name" placeholder="姓名" autofocus></i-Input>            </Form-Item>            <Form-Item label="年龄" prop="age" ref="form-age">                <i-Input v-model="formData.age" placeholder="年龄"></i-Input>            </Form-Item>            <Form-Item label="地址" prop="address" ref="form-address">                <i-Input v-model="formData.address" placeholder="地址"></i-Input>            </Form-Item>        </i-Form>    </Modal>var appTable = new Vue({        el: "#appTable",        data: function() {            var self = this;            return {                formData: {                    name: '',                    age: '',                    address: ''                },                formError: {                    name: '1',                    age: '1',                    address: '1'                }            }       }       //中间省略了       saveUser: function(name){       //其他省略           appTable.formError.name = "";           appTable.formError.name = "名字不能小于5位!";       }为了能是formError.name数据能变化,我先改为“”,再赋值也watch不到,看来改成“”没被系统获知到,哪位能指点下这种情况改怎么处理?
查看完整描述

3 回答

?
四季花海

TA贡献1811条经验 获得超5个赞

可以看看有没有再次出发校验的方法, 手动触发一下


查看完整回答
反对 回复 2019-03-14
?
喵喵时光机

TA贡献1846条经验 获得超7个赞

watch formError的时候配置一下deep


    watch: {

        formError: {

            handler () {},

            deep: true

        }

    }


查看完整回答
反对 回复 2019-03-14
  • 3 回答
  • 0 关注
  • 671 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信