Avue form表单联动

最新推荐文章于 2024-10-11 03:59:45 发布

hyupeng1006

最新推荐文章于 2024-10-11 03:59:45 发布

阅读量763

点赞数

分类专栏： avue

本文链接：https://blog.csdn.net/hyupeng1006/article/details/128098374

版权

Vue.js 表单验证动态属性 watch 数据绑定

关键词由CSDN通过智能技术生成

avue 专栏收录该内容

3 篇文章 3 订阅

订阅专栏

新增或修改的form中，其中一项改变会影响另一项的属性，那么可以使用以下方式

watch: {
    'form.category'() {
      const category = func.toInt(this.form.category);
      this.$refs.crud.option.column.filter(item => {
        if (item.prop === "path") {
          item.rules[0].required = category === 1;
        }
        if (item.prop === 'isOpen') {
          item.disabled = category === 2;
        }
      });
    },
  },