如何将道具传递给第三方组件？

Question

我试图让bliblidotcom/vue-rangedate-picker用英语工作。

因此，我需要传递一个名为i18n的道具并给它一个EN的值。

这就是我在Orders.vue中所做的：

<rangedate-picker :props="props" @selected="onSelect"></rangedate-picker>

而且，这就是我在VueJS代码中所做的：

import VueRangedatePicker from 'vue-rangedate-picker';
export default {
    props: {
        'i18n': 'us/en',
    },

    components: {
        'rangedate-picker': VueRangedatePicker
    },

    data() {
        return {
            endpoint: '/approve',
            orders: [],

但是我收到了这个错误：

  

dash.66983ac ... .js：52014 [Vue警告]：财产或方法＆＃34;道具＆＃34;不是   在实例上定义但在呈现期间引用。确保这一点   此属性在数据选项中是反应性的，或者用于   基于类的组件，通过初始化属性。看到：   https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties

     

在

中找到      

---＆GT;在C：\ Users \ bnbih \ Projects \ business2 \ api \ resources \ assets \ js \ components \ orders.vue          

Answer 1

您需要传递i18n，而不是props

<rangedate-picker :i18n="language" @selected="onSelect"></rangedate-picker>
data() {
  return {
    language: 'en',
    endpoint: '/approve',
    orders: []
  }
}