vue The computed property "isFolder" is already defined in data.

vue 报错 :

    isFolder 已经在data中定义 :

  项目应用:

 <li>
    <span @click="toggle">
      <i v-if="isFolder" class="icon" :class="[open ? 'folder-open': 'folder']"></i>
      <i v-if="!isFolder" class="icon file-text"></i>
      {{ models.menuName }}
    </span>
    <ul v-show="open" v-if="isFolder"> 
      <tree-menu v-for="(item,index) in models.children" :models="item" :key="index"></tree-menu>
    </ul>
  </li>
 data() {
    return {
      open: false,
      isFolder: true
    }
  },
isFolder() {

return this.models.children && this.models.children.length

}

错误原因:

    computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数       据绑定展示出结果或者用作其他处理;

猜你喜欢

转载自blog.csdn.net/weixin_41472431/article/details/89519261
今日推荐