vue.js - props 在 VUE DEV TOOLS 中一直显示为 $attrs

Question

在此处输入图像描述 在此处输入图像描述我的道具在 VUE DEV TOOLS 中一直显示为 $attrs 我尝试使用 inheritAttrs: false 和 v-bind="$attrs" 禁用 attrs，但不起作用

// props 
:showLoadMoreButton="load"

  data() {
    return {
      load: true
  }

Answer 1

如果某些东西作为属性出现，则意味着它没有注册为组件上的道具。

尝试将您不需要的属性注册为道具：

// props 
:showLoadMoreButton="load"

export default {
  props: {
    showLoadMoreButton: Boolean
  }
}