本文主要是介绍vue-selecttree rules规则失效问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
采用
<el-form-item style="margin-bottom: 0;" label="专题分类" prop="categoryId"><treeselectv-model="form.category.id":disabled="readonly||(form.enabled==1)":load-options="loadCats":props="defaultProps":options="cats"style="width: 370px;"placeholder="选择上级分类"/></el-form-item>
data() {const isSelect = (rule, value, callback) => {if (this.form.category.id == null) { //如果值是 null,提示用户选择正确的选项return callback(new Error("请正确选择分类"));} else {callback();}}return {...cats: [],defaultProps: {id: 'id',hasChildren: 'hasChildren',label: 'title'},...
rules: { categoryId: [{ required: true ,validator: isSelect, message: '分类不能为空', trigger: 'input' }// , type:'number' validator: validatCatId,]},/** selecttree 采用@input函数
不起作用,采用validate函数* changeCategory() {this.$nextTick(() =>{this.$refs.form.validateField('categoryId')//alert(this.form.category.id)})},*/
这篇关于vue-selecttree rules规则失效问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!