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

Question

我正在努力 bliblidotcom/vue-rangedate-picker 用英语工作。

因此，我需要传递一个名为：i18n 的 prop 并为其赋值 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 warn]: Property or method "props" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> at 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: []
  }
}

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

How to pass props to third-party component?

javascript

prop

vue.js

laravel-5

vuejs2