Как использовать в родительском компоненте methods
и watch
дочернего?
Есть компонент A
и B
, и общий компонент Watch
// компонент A
import Watch from '@/components/Watch'
export default {
components: {watch: Watch},
name: 'a',
data () {
return {
login: ''
}
},
methods: {}
}
// компонент B
import Watch from '@/components/Watch'
export default {
components: {watch: Watch},
name: 'b',
data () {
return {}
},
methods: {}
}
// компонент Watch
export default {
name: 'Watch',
data () {
return {}
},
methods: {
// логика которую нужно использовать в родительских компонентах
},
watch: {
// логика которую нужно использовать в родительских компонентах
}
}
Решил таким образом. Не знаю на сколько это правильно, но работает.
import Watch from '@/components/Watch'
export default {
component: {Watch},
name: 'a',
data () {
return {}
},
methods: {},
watch: {
'login': function (value) {
// Watch компонент, watch опция, isLogin метод
this.login = Watch.watch.isLogin(value);
}
}
}
Наследование в VueJS аналогично наследованию обычных объектов javascript. Доступ к методам родительского компонента возможно получить чрез контекст дочернего, грубо говоря чрез this. Однако родительский компонент не может получить доступ к дочернему. В этой статье описаны варианты взаимодействия компонентов
Можно организовать доступ через $refs. Только в watch это не будет работать ($refs не реактивны)
Оборудование для ресторана: новинки профессиональной кухонной техники
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
Хочу работать с MongoDB через Moloquent без LaravelУстановил через composer require moloquent/moloquent, создал index
Оновлено: мне не нужно вытаскивать из одной таблицы по параметрам другой, мне просто нужно из трех таблиц вытаскивать данные по правилам...
В ларе eloquent куча разных крутых приблуд для использования связейНо я очень давно мучаюсь с более сложными (а вроде и простыми) связями, используя...