avue vue 监听表格中值，或者下拉框选择的值，动态改变下面

最新推荐文章于 2024-05-12 22:40:26 发布

chengchong_cc

最新推荐文章于 2024-05-12 22:40:26 发布

阅读量101

点赞数 2

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/chengchong_cc/article/details/137641025

版权

    watch: {
      'form.appCategory': {//获取form中select选择的值
        handler(val) {
          console.log("监听", val)
          if (val == 'H5') {
            val = 1
          }
          if (val == '原生') {
            val = 2
          }
          if (val == '微信小程序') {
            val = 3
          }
          if (val == '' || val == 'undefined') {
            val = 11;  //自定义值，默认不展示
          }
          let appSecret = this.findObject(this.option.column, 'appSecret')
          let originalId = this.findObject(this.option.column, 'originalId')
          let applicationUrl = this.findObject(this.option.column, 'applicationUrl')
          let homePath = this.findObject(this.option.column, 'homePath')
          let visibleRange = this.findObject(this.option.column, 'visibleRange')
          if (val == 1) {
            appSecret.display = true
            originalId.display = false
            applicationUrl.display = true
            homePath.display = false
          } else if (val == 2) {
            appSecret.display = false
            originalId.display = false
            applicationUrl.display = false
            homePath.display = false
            visibleRange.display = true
          } else {
            appSecret.display = false
            applicationUrl.display = false
            if (val == 11) {
              originalId.display = false
              homePath.display = false
              visibleRange.display = false
            } else {
              originalId.display = true
              homePath.display = true
              visibleRange.display = false
            }
          }
        }
      },
      'form.applicationName': {
        //监听应用名称，如果名称等于融合通信，可以范围选择安卓可见并且置灰
        handler(val) {
          // console.log("监听applicationName", val)
          let visibleRange = this.findObject(this.option.column, 'visibleRange');
          if (val != '' && val != undefined && val == '融合通信') {
            visibleRange.disabled=true;
            this.form.visibleRange='1';
          }else{
            visibleRange.disabled=false;
          }
        }
      },
    }