VUE --- EL-選択変更イベントの買収ターゲットに複数の値

EL-選択変更イベントの取得は複数の値をターゲットに

 <el-select v-model="userManageForm.roleName" placeholder="请选择角色名称" @change="roleChanged">
     <el-option
         v-for="item in roleList"
         :key="item.roleId"
         :value="item.roleId"
         :label="item.roleName"
      >
      </el-option>
  </el-select>

RoleListは次の通り:

"roleList": [
	{"roleId": 1,"roleName": "超级管理员"},
	{"roleId": 2,"roleName": "管理员"},
	{"roleId": 3,"roleName": "用户"}
 ]
 roleChanged(val) {
      var obj = {};
      obj = this.roleList.find(function(item) {
        return item.roleId === val;
      });
      console.log(obj.roleName);
      console.log(val);
    },

 

公開された147元の記事 ウォン称賛33 ビュー30000 +

おすすめ

転載: blog.csdn.net/maidu_xbd/article/details/103597315