vue，计算属性传参，根据值不同，渲染相应的内容

业务描述：在开发项目过程中，后台传过来一个数组，根据类型显示相应内容。

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]