需要了解 VUE 属性 或方法 "range" 未在实例上定义但在渲染期间被引用

Question

我需要帮助来理解为什么会显示错误。一个例子是当我使用 vue2-daterange-picker.

<date-range-picker
  :singleDatePicker="range"
>
</date-range-picker>

所以 singleDatePicker 道具正确吗？为什么如果我以这种方式将值传递到组件中，它会 returns 错误，但如果我将值 range 添加到 data 中却不会？例如

<template>
  <date-range-picker
    :singleDatePicker="singleDatePicker"
  >
  </date-range-picker>
</template>

<script>  
export default {
  components: {
    DateRangePicker
  },
  data () {
    return {
      singleDatePicker: "range",
    }
  },
}
</script>

Answer 1

用:（和v-bind一样）你是绑定值，而range没有定义，所以如果你想直接把数据放在你的prop singleDatePicker="range"