el-select中整数或字符串不能默认选择的解决方案
@[TOC]el-select中整数或字符串不能默认选择的解决方案初次在CSDN上发文,敬请谅解。本人使用vue开发不就,遇到el-select中因值为整数或字符串而不能默认选择的问题,相信您用它时也可能会有此问题。不过解决方案还是蛮多的。再次,提供一个相对简单的解决方案,代码如下:<template><el-select v-mo
·
@[TOC]el-select中整数或字符串不能默认选择的解决方案
初次在CSDN上发文,敬请谅解。
本人使用vue开发不久,遇到el-select中因值为整数或字符串而不能默认选择的问题,相信您用它时也可能会有此问题。不过解决方案还是蛮多的。在此,提供一个相对简单的解决方案,代码如下:
<template>
<el-select v-model="selectval" placeholder="请选择">
<template v-for="item in dict.vallist">
<el-option v-if="typeof(selectval) == 'string'" :key="item.code" :label="item.name" :value="'' + item.code"></el-option>
<el-option v-else-if="typeof(selectval) == 'number'" :key="item.code" :label="item.name" :value="(('' + item.code).trim() == '')?'':parseInt(item.code)"></el-option>
<el-option v-else :key="item.code" :label="item.name" :value="item.code"></el-option>
</template>
</el-select>
</template>
export default {
data() {
return {
selectval: 1,
dict: {
vallist: [
{code: "1", name: "启用"},
{code: "2", name: "停用"}
]
}
};
}
};
好了,剩下的事情,就是简单的copy&paste的事情了。
更多推荐
已为社区贡献1条内容
所有评论(0)