Question

我在App.vue工具栏中一直收到此错误。

[Vue警告]：无效道具：道具类型检查失败＆＃34; scrollThreshold＆＃34;。＆gt;预期数字，得到字符串。

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

我将scrollThreshold更改为＆＃34; 500＆＃34;并且错误是一样的。

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 shorthand syntax来传递JavaScript表达式。通常，当您要解析模型上可用的属性时，这很有意义，但实际上它只是将外部引号内的内容评估为常规js。

因此，如果您更新为使用:scroll-threshold="777"，则777将被评估为这样的数字：

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

[Vue警告]：无效道具：道具类型检查失败＆＃34; scrollThreshold＆＃34;。预期数量，得到字符串

1 个答案: