今天讲下怎么给下拉框的值去重复

<el-select v-model="postData" style="width:220px;" multiple collapse-tags placeholder="请选择岗位">
        <el-option
          v-for="item in postOptions"
          :label="item.post_name"
          :value="item.post_name"
        />
      </el-select>

js：

var tempData =res.data.list;
var hash = {};
tempData = tempData.reduce(function (item, next) {
   hash[next.post_name] ? '' : hash[next.post_name] = true && item.push(next);
   return item;
}, []);
 self.postOptions = tempData;

ok~

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue