element-ui select多选情况下获取label和value

<el-form :model="ruleForm" ref="ruleForm" label-width="100px" class="demo-ruleForm" size="mini">
        <el-form-item label="直播标题:">
          <el-select v-model="ruleForm.title" placeholder="请选择" @change="contentChange($event)">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.title"
              :value="item.title">
            </el-option>
          </el-select>
        </el-form-item>
      </el-form>

 2. methods里面定义方法。

contentChange (e) {
      if (this.options) {
        this.options.map( (item) => {
          if (item.title == this.ruleForm.title) {
            this.ruleForm.content = item.content;
          }
        })
      }
    },

  参考自:https://www.cnblogs.com/tlfe/p/11822793.html

posted @ 2020-01-06 16:07  本溢  阅读(2172)  评论(0)    收藏  举报