码:

export default {
    props: {
        article: {type: Object}
    },
    data () {
        return {article: this.article}
    },
    methods: {
        itemClick () {
            console.log('itemClick');
        }
    }
};

Chrome开发人员工具中的Vue2.1.10警告:The data property "article" is already declared as a prop. Use prop default value instead.

最佳答案

您已经在articledata的两个地方都添加了props。这应该是其中之一,这就是为什么您得到此错误。如果您要从父组件传递它,则必须将其移至某个位置,然后将其保留为 Prop 。如果这是本地实例数据,则将其保留在vue data块中。

export default {
  props: {
    article: {
      type: Object
    }
  },
  data() {
    return {
      article: this.article
    }
  },
  methods: {
    itemClick() {
      console.log('itemClick');
    }
  }
};

关于vuejs2 - 数据属性 “article”已声明为prop。改用prop默认值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42087441/

10-13 08:02