vue 计算属性传参

原创
2019/11/11 22:33
阅读数 21

 

原文链接: vue 计算属性传参

上一篇: vuex-router-sync 将vuex和route 相结合

下一篇: vue 跨层组件通讯 $attrs $listeners

计算属性返回一个带参函数, 即可实现计算属性传参, 在for循环中直接传入name字段, 后面使用带参的计算属性进行判定

<template>
  <div id="app">
    <button @click="add">add</button>
    <div v-for="(s,index) in stuList" :key="index">
      <input type="text" v-model="s.name">
      -
      <span>{{isAdmin(s.name)}}</span>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        stuList: []
      }
    },
    computed: {
      isAdmin() {
        return function (name) {
          return name === 'admin'
        }
      }
    },
    methods: {
      add() {
        this.stuList.push(
          {name: ''}
        )
      }
    }
  }
</script>

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部