野生java研究僧 2022-08-16 00:07 采纳率: 100%
浏览 494
已结题

使用el-select-v2报错

问题遇到的现象和发生背景

使用el-select-v2报错,无法正常渲染,使用的是vue3,elementui-plus框架

问题相关代码,请勿粘贴截图

html:

   <el-select-v2
          :options="interestTagList"
          placeholder="请选你感兴趣的标签,可以设置多个,支持搜索"
          :multiple="true"
          :autocomplete="true"
          :filterable="true"
          @change="selectV2OnChange"
          size="large"
          style="width: 70%;float: right;margin-bottom: 20px"
          no-data-text="暂无数据,换个标签试试?"
        >
          <template #default="{ item }">
            <span>{{ item.label }}</span>
            <span>
              {{ item.value }}
            </span>
          </template>
        </el-select-v2>

绑定的数组:

   interestTagList: [
        { label: 'java', value: '1' },
        { label: 'linux', value: '2' },
        { label: 'JavaScript', value: '3' },
        { label: 'html', value: '4' },
        { label: 'css', value: '5' },
        { label: 'python', value: '6' },
        { label: 'redis', value: '7' },
        { label: 'mysql', value: '8' },
        { label: 'netty', value: '9' },
        { label: 'bootstrap', value: '10' },
      ]
运行结果及报错内容

select-dropdown.vue?b561:65 Uncaught (in promise) TypeError: arr.includes is not a function
at contains (select-dropdown.vue?b561:65:1)
at isItemSelected (select-dropdown.vue?b561:87:1)
at eval (select-dropdown.vue?b561:189:1)
at Proxy.renderFnWithContext (runtime-core.esm-bundler.js?d2d:853:1)
at Proxy.render (build-list.ts?8c65:336:1)
at renderComponentRoot (runtime-core.esm-bundler.js?d2d:896:1)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?d2d:5575:1)
at ReactiveEffect.run (reactivity.esm-bundler.js?89dc:185:1)
at instance.update (runtime-core.esm-bundler.js?d2d:5689:1)
at setupRenderEffect (runtime-core.esm-bundler.js?d2d:5703:1)

我的解答思路和尝试过的方法

应该是options的问题,我options传递为空就没问题,传递有值的数组就报错,我这个数组也是按照官网的那种方式进行传值的

我想要达到的结果

不进行报错,能正常进行选

  • 写回答

1条回答 默认 最新

报告相同问题?

问题事件

  • 系统已结题 12月25日
  • 已采纳回答 12月17日
  • 创建了问题 8月16日

悬赏问题

  • ¥30 微信小程序请求失败,网页能正常带锁访问
  • ¥15 对语音信号进行变调时,间接改变时序从而实现语音变速,进而将变调与变速同时实现、参数合成法换为波形合成法
  • ¥30 德飞莱51单片机实现C4炸弹
  • ¥50 CrossLink-LIF-MD6000 型 FPGA 的 CMOS 转 MIPI D-PHY IP 核功能使用异常
  • ¥15 proteus控制16x16LED点阵显示屏的设计
  • ¥30 求会做山景bp1048b2程序的。做直播声卡用
  • ¥15 求数学建模论文问题指导
  • ¥15 51单片机与数码管实现电子琴
  • ¥15 h3.6m 人类行为预测论文复现
  • ¥50 wordpress项目注册报失败刷新后其实是成功状态,请求排查原因