vue动态required必填

  created() {
    this.resetData();
    this.getLineList();

    if (this.masterObj.row.outputType === "0") {
      this.rules = {};
      this.rules = {
        productionLineNm: [
          { required: true, message: "请选择产线!", trigger: "change" },
        ],
        productNm: [
          { required: true, message: "请选择产品!", trigger: "change" },
        ],
        oprNm: [{ required: true, message: "请选择工序!", trigger: "change" }],
        itemNm: [{ required: true, message: "请选择物料!", trigger: "change" }],
        toolNm: [{ required: true, message: "请选择刀具!", trigger: "change" }],
      };
    } else {
      this.rules = {};
      this.rules = {
        toolNm: [{ required: true, message: "请选择刀具!", trigger: "change" }],
      };
    }
  },

  watch: {
    // 监听到数据然后赋值
    detailObj(val) {
        if (this.masterObj.row.outputType === "0") {
          this.rules = {};
          this.rules = {
            productionLineNm: [
              { required: true, message: "请选择产线!", trigger: "change" },
            ],
            productNm: [
              { required: true, message: "请选择产品!", trigger: "change" },
            ],
            oprNm: [
              { required: true, message: "请选择工序!", trigger: "change" },
            ],
            itemNm: [
              { required: true, message: "请选择物料!", trigger: "change" },
            ],
            toolNm: [
              { required: true, message: "请选择刀具!", trigger: "change" },
            ],
          };
        } else {
          this.rules = {};
          this.rules = {
            toolNm: [
              { required: true, message: "请选择刀具!", trigger: "change" },
            ],
          };
        }
    },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容