v-for和v-if优雅实现

<template>
 <div>
    <div v-for="(item,index) in userInputTips" :key="index" >
        {{ item}} 
    </div>
</div>
</template>
<script>
export default {
  name:'A',
  data () {
    return {
      tipsContent: [] 
    };
  },
  computed: {//通过计算属性过滤掉列表中不需要显示的项目
   userInputTips() {
    return this.tipsContent.filter(item => {
        return item.indexOf(this.textMsg) != -1
    })
    }
  }
};
</script>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容