Vue.js将函数作为prop传递，并使子组件使用数据调用它。

15 浏览
0 Comments

Vue.js将函数作为prop传递，并使子组件使用数据调用它。

我有一个帖子列表组件和一个帖子组件。

我将一个方法传递给帖子列表，以便在按钮被点击时调用该方法。

但我希望在点击该函数时传递帖子的id。

代码：

let PostsFeed = Vue.extend({
    data: function () {
        return {
          posts: [....]
        }
    },
    template: `
        
    `,
    methods: {
      clicked: function(id) {
        alert(id);
      }
    }
  }
  let Post = Vue.extend({
    props: ['clicked'],
    data: function () {
        return {}
    },
    template: `

如你所见，在帖子组件中有一个点击事件，它运行一个从prop中获取的方法，我想在该方法中添加一个变量。

你该如何实现呢？

0