[Vue警告]：道具无效：道具“ scrollThreshold”的类型检查失败。预期数字，字符串

Question

我在App.vue工具栏中不断收到此错误。

[Vue警告]：道具无效：道具“ scrollThreshold”的类型检查失败。>预期数字，得到字符串。

    <v-toolbar dark color="pink darken-4" 
      class="toolbar"
      flat 
      fixed
      scroll-off-screen
      scroll-threshold=500>
   </v-toolbar>

我将scrollThreshold更改为“ 500”，并且错误相同。

Answer 1

使用v-bind或:速记来传递非字符串值，如下所示：

<v-toolbar  
  :scroll-threshold="777">
</v-toolbar>

如果您为属性传递静态值，例如：

<v-toolbar  
  color="pink" 
  class="toolbar"
  flat 
  scroll-threshold="777">
</v-toolbar>

它总是被解析为一个字符串，并将被编译成如下形式：

_c("v-toolbar", {
  staticClass: "toolbar",
  attrs: {
    color: "pink",
    flat: "",
    "scroll-threshold": "777"
  }
}),

相反，您可以使用v-bind简写语法来传递JavaScript表达式。通常，当您想解析模型上可用的属性时，这很有意义，但实际上它只是将外部引号内的内容评估为常规js。

因此，如果您更新为use :scroll-threshold="777"，777则将被评估为如下所示的数字：

_c("v-toolbar", {
  staticClass: "toolbar",
  attrs: {
    color: "pink",
    flat: "",
    "scroll-threshold": 777
  }
}),