element-ui中遇到的问题

最新推荐文章于 2021-12-30 13:00:54 发布

Leon_94

最新推荐文章于 2021-12-30 13:00:54 发布

阅读量1.7k

点赞数 1

分类专栏： JavaScript html 文章标签： element-ui

本文链接：https://blog.csdn.net/sinat_36422236/article/details/84988373

版权

element-ui中遇到的问题

el-select

Q：回显的字段是汉字，根据对应的汉字获取ID并作为下一个联动查询的参数

# 回显数据
{
	 "carSeries":"一汽奥迪A4",
	 "carYear":"(2003年至2005年)A4 B6",
}

# api:carSeries
[
	{"familyId":"402880ef0ca9c2b6010cc86045c300f1","familyName":"一汽奥迪A4"},
    {"familyId":"4028b2883dc34916013dcf1597b81a09","familyName":"一汽奥迪Q3"}
]

解决办法

template:
    el-select(placeholder="请选择",v-model="carInfo.carSeries", ref="carSeriesSel",@change="getCstyle")
        el-option(v-for="(option,index) in carSeries", :label="option.familyName", :value="option.familyName", :familyId="option.familyId", :key="option.index")


script:
    methods:{