Как в Vuejs показать модальное окно по условию?

Question

[semki096]

В доках есть пример по клику - открытие модального окна. А мне надо по условию, никак не соображу как. Вот примерный код

Vue.component('modal', {
	template: '#modal-template'
}

new Vue({

	el: "#app",
	
	data: {
		showModal: false
	},
		  
	methods: {
		function(){
			if (1+1=2){
				покажем модальное окно, но как?
			}
		}
    .............

Comments

[zeuss56]

отформатируйте код, он у вас вообще поехал

Answer 1

[planc]

можно сделать showModal - computed
убрать из data {} и объявить в computed {}

computed: {
   showModal: function () {
      if (условие) {
          return true
      }
      return false
    }
}

https://vuejs.org/v2/guide/computed.html#Watchers

https://laracasts.com/series/learn-vue-2-step-by-s...

https://youtu.be/PPmg7ntQjzc?t=6m14s