Vue Element UI el-select、el-cascader 获取 label

      <el-form-item label="应用名称" prop="appName">
        <el-select 
          ref="appSelect" 
          v-model="dataForm.appId"
          placeholder="应用名称"
        >
          <el-option
            v-for="item in appList"
            :key="item.appId"
            :label="item.appName"
            :value="item.appId"
          >
          </el-option>
        </el-select>
      </el-form-item>


      this.dataForm.appName = this.$refs.appSelect.selected.currentLabel


      //el-cascader  ["name1","name2"]

      <el-cascader
          ref="myCascader"
          :options="topList"
          v-model="dataForm.regionsParentCode"
          :props="{ label: 'regionsName', value: 'regionsCode', children: 'children'}"
          clearable>
       </el-cascader>

      this.$refs.myCascader.getCheckedNodes()[0].pathLabels

      
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容