Как передать реквизит стороннему компоненту?
Пытаюсь заставить bliblidotcom / vue-rangedate-подборщик работать на английском.
Таким образом, мне нужно передать свойство 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 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
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вам нужно пройти как i18n, а не props
<rangedate-picker :i18n = "language" @selected = "onSelect"></rangedate-picker>
data() {
return {
language: 'en',
endpoint: '/approve',
orders: []
}
}
неважно, значение для английского кажется EN, а не en. Теперь это работает!
Теперь я получаю эту странную ошибку: [Предупреждение Vue]: Ошибка при рендеринге: «TypeError: Невозможно прочитать свойство '5' of undefined», обнаруженное в ---> <VueRangedatePicker> в src / RangedatePicker.vue <Orders> в C: \ Users \ bnbih \ Projects \ business2 \ api \ resources \ assets \ js \ co mponents \ orders.vue <Root>