vue-validator获取表单已变更数据

vue-validator支持字段验证结果和全局属性'modified'，
全局结果
modified: 只要存在与初始值不同的字段就返回 true,否则返回 false。
字段验证结果
modified: 字段值与初始值不同时返回 true,否则返回 false。

应用这个属性可以获取到data中发生了变更的数据，从而在提交数据的时候只提交发生了变更的数据。
在2.0.0版本中，只要增加 v-validate:fieldname 就可以在validator中监视到这个字段。前几天升级到2.1.3之后，发现如果不写具体验证规则，validator就不再监视该字段了。
现在提供一个比较简单的解决方案，就是增加一个返回true的空验证规则

                {{'modified:'+ $validation1.modified}}            {{'valid:'+ $validation1.valid}}                {{form | json}}                （首选项）Primary        //添加一个返回true的验证指令        Vue.validator('gettrue',function(val/*,rule*/){return true})        //获取所有变更的数据        //找出已变更的数据        function getModified($validation, $data) {            var form = {}            for(var prop in $data){                if(!!$validation[prop.toLowerCase()] && $validation[prop.toLowerCase()].modified){                    form[prop] = $data[prop]                }            }            return form        }        //根实例        var vm = new Vue({             el:"# app",             data:function(){                 return {                     id:'123' ,                    UserName:"",                    Age:"",                    PayedPrice:"",                    form:{}                }            },            methods:{                getModified:function(){                    this.$set('form',getModified(this.$validation1, this.$data))                                    }            },        })

关键字：vue.js, 字段, modified, true

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！