小编Reo*_*lyn的帖子

我可以从子组件到父组件获取计算数据吗?

有没有办法从子组件到父组件获取计算数据?因为我首先将数据从父级发送到子级,然后我想在父组件中使用计算属性(数据)。我想这样做是因为我也想在其他组件中重用那个重要的组件(子组件)。

我有一个用于过滤我的项目的搜索输入字段,当我写下一些东西时,我想从子组件中取回该列表。

父组件

<input class="form-control form-control-search m-input" autocomplete="off" type="text" v-on:input='testFunc()' v-model="search" placeholder="Search...">
<paginate-links v-if="items.length > 0" :models="items">
  <div class="m-list-timeline__item no-timeline" v-for="item in filterItems" v-bind:key="item.id">
    {{ item.title }}
  </div>
</paginate-links>
Run Code Online (Sandbox Code Playgroud)

子组件

props: ['item']
computed: {
    filterItems () {
      return filter // here goes my code
    }
}
Run Code Online (Sandbox Code Playgroud)

那么我可以filterItems在父组件中获取吗?

javascript vue.js vuejs2

4
推荐指数
1
解决办法
4290
查看次数

标签 统计

javascript ×1

vue.js ×1

vuejs2 ×1