Блог

У меня есть 2 компонента: родительский и дочерний. Как должен выглядеть метод сброса, чтобы сбросить переключатель?

 lt;templategt;  lt;v-toggle-button :defaultState='false' @change='triggerToggleEvent' id='order'/gt; lt;templategt;  lt;button @click.prevent='reset'gt;resetlt;/buttongt;  

родительские методы:

 triggerToggleEvent(value) {  this.toggleActive = value; },  

Ребенок с переключателем:

 lt;templategt;  lt;label :for='id   "_button"' :class='{"active": isActive}' class='toggle__button'gt;  lt;input type='checkbox' :id='id   "_button"' v-model='checkedValue'gt;  lt;span class='toggle__switch'gt;lt;/spangt;  lt;/labelgt; lt;/templategt;  

Ребенок vue:

 export default ({  props: {  defaultState: {  type: Boolean,  default: false  },  id: {  type: String,  default: 'primary'  }  },  data() {  return {  currentState: this.defaultState  };  },  computed: {  isActive() {  return this.currentState;  },  checkedValue: {  get() {  return this.defaultState;  },  set(newValue) {  this.currentState = newValue;  this.$emit('change', newValue);  }  }  }  });  

Не так давно я изучал Vuejs, поэтому не знаю, как повлиять на компонент