问题遇到的现象和发生背景
使用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传递为空就没问题,传递有值的数组就报错,我这个数组也是按照官网的那种方式进行传值的
我想要达到的结果
不进行报错,能正常进行选