Element UI-[Select] :Value

遇到问题

在使用 Select 的时候遇到了一个问题是如果我的 Value 想要让它是 Object 该怎么做呢?下面的程式码看起来是可以运作也把 :value="item" 改成物件(Object),但是会出现错误的一直选择最后一个“社区二”

HTML

<el-select v-model="selectCommunityData" placeholder="请选择社区">    <el-option      v-for="item in communityList"      :key="item.id"      :label="item.communityName"      :value="item"    ></el-option></el-select> 

JS 资料

communityList:[    {        communityName:'社区一',        id:'1',    },    {        communityName:'社区二',        id:'2',    },],selectCommunityData:{}

解决方法

后来发现需要在这个地方<el-select v-model="selectCommunityData" placeholder="请选择社区" class="w-100"> 加上 value-key="id"

像是这样,让他有一个唯一的值
<el-select value-key="id" v-model="selectCommunityData" placeholder="请选择社区">

参考资料

Element-UI
回上一页
回下一页


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章