vue2后台管理使用Element-ui Select选择器搜索列表描述信息（本地缓存）

最新推荐文章于 2023-11-17 11:13:56 发布

11re

最新推荐文章于 2023-11-17 11:13:56 发布

阅读量768

点赞数

分类专栏：后台管理 vue Element 文章标签： javascript 开发语言 ecmascript elementui vue.js

本文链接：https://blog.csdn.net/weixin_71546297/article/details/127410201

版权

实现效果：使用Element-ui里的Select选择器搜索列表中的描述信息，搜索内容创建tag标签，且本地缓存5条，在不刷新页面的情况写再次打开select选择器存在搜索记录

html代码

<el-select
    v-model="queryFrom.descList"
    multiple 
    filterable
    collapse-tags
    clearable
    allow-create="3"
    @change="descChange"
    default-first-option
    placeholder="请输入描述信息">
    <el-option
       v-for="item in dataDesc"
       :key="item"
       :label="item"
       :value="item"></el-option>
</el-select>

js代码

<script>
const descStorageKey = "crm-admin-descList";  // 本地存储用到的名字

export default{
  data(){
    return:{
      queryFrom: {
        descList: undefined   /