Рубрики
Vue project Vue основы Vue3 логика

Mixins

Пример миксина для компонентов

mydialog
компонент модальное окно

у него есть props show и в зависимости от этого пропса данное окно видимое или не видимое
есть функция, которая изменяет значение этого атрибута, например делает emit

List
кастомный выпадающийся список

может быть видим или не видим.
есть функция, которая значение это меняет

mixins\toggleMixin.js

export default{
 props:{
  show:{type:Boolean,default:false}
 },
 methods:{
   hideDialog(){
     this.$emit('update:show',false);
   }
 },
}

какой то компонент в проекте

<template>
{{show}}
</template>
<script>
import toggleMixin from './mixins/toggleMixin';
export default {
 mixins:[toggleMixin],
}
</script>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *