当前位置:首页 > elementui > 正文内容

elementui 使用el-select 注意点

自由小鸟2年前 (2023-02-10)elementui1193

//注意 value 值是可以自己去组装的,这样的场景是在提交数据时可能一个字段不能满意,需要整条数据里的2到多个可以用这种拼接的方式,在使用方法处需要结构出来每个字段来拼接到form整个数据里

注意在编辑回显的地方也需要注意整个form对象数据里是否有这几个拼接的数据,如果没有需要单独再拼接上去

<el-form-item label="负责人" prop="user">
          <el-select
            placeholder="请选择部门负责人"
            v-model="deptForm.user"
            @change="handleuser"
          >
            <el-option
              v-for="item in userList"
              :key="item.userId"
              :label="item.userName"
              :value="`${item.userId}/${item.userName}/${item.userEmail}`"
            >
            </el-option>
          </el-select>
        </el-form-item>

        //选择部门负责人
    handleuser(val) {
      const [userId, userName, userEmail] = val.split("/");
      Object.assign(this.deptForm, { userId, userName, userEmail });
    },

    //编辑
    handleEdit(row) {
      this.action = "edit";
      this.showModal = true;
      this.$nextTick(() => {
        Object.assign(this.detpForm, row, {
          user: `${row.userId}/${row.userName}/${row.userEmail}`,
        });
      });
    },

版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://webge.net/?id=177

返回列表

上一篇:elementui-plus 使用注意点

没有最新的文章了...

“elementui 使用el-select 注意点” 的相关文章

elementui -动态循环验证

<el-col :span="9"> <el-form-item label="消费总人数" :rules="[{required: true,pattern: /^(\d+)(.\d{0...

elmentui rules验证

totalAmount12: [ { required: true, message: "请输入借款金额", trigger: "blur" }, { pattern: /^(\d+)(.\d{1,50})?$/,...

上传组件 el-upload

<el-upload :on-success="uploadSuccess" :on-error="handleErr"...

el-table 里金额千分位符,保留两位小数

<el-table-column prop="amountRec" :formatter="rbstateFormat" label="金额" min-width="150" ></el-table-c...

公用方法

1,deepClone 深度拷贝方法2,deepMerge 合并对象3,oninput 金额只能是数字保留2位小数 <el-input @keyup.native=” ruleForm.totalAmount = oninput(...

elementui-plus 使用注意点

1,在使用图标注意点,如果使用动态图标需要全局注册图标,不然不会出现 import { createApp } from 'vue' import App from './App.vue' import router from './router'...