业务描述:在开发项目过程中,后台传过来一个数组,根据类型显示相应内容。
1、可以直接在渲染出用三目表达式选择渲染内容。可可选择的条件多了,就不适用了,也不利于扩展。
2、采用计算属性。
<template v-for="(item,index) in languageAddDataArray" >
<el-form-item :label=getLanguageType(item.languageType) >
<el-input v-model="item.content" auto-complete="off" size="mini"> </el-input>
</el-form-item>
</template>
<script>
export default {
data () {
languageAddDataArray:[],
},
computed:{
getLanguageType(){
return function (type) {
return type==1?'中文':'英文';
}
}
}
}
</script>
结语:本人所有文章都立志写的简单易懂,戳中问题点。 当然了,简单的同时可能忽略了很多细节与详细,如有不足的地方,还请谅解并指出。 如对文章或实现技术上有问题,可联系我:qq: 1226500260 邮箱:[email protected]