Как в Vue.js в теге input если значение будет «Да», то выведет слово «Правильно», а если введёт «Нет», то выведет «Неверно»?

Question

[myr0kk]

Нужно сделать действие только в vue.js

Answer 1

[Hedy]

Вот вариант с computed property:
https://jsfiddle.net/vxu9p04d/

const app = new Vue({
	el: '#app',
  data: {
  	input: ''
  },
  computed: {
  	result() {
    	if (this.input === 'Да')
      	return 'Правильно'
      else if (this.input === 'Нет')
      	return 'Неправильно'
      else
      	return 'Введите ответ'
    }
  }
})

<div id="app">
  <input type="text" v-model="input">
  <span>{{result}}</span>
</div>

Comments

[myr0kk]

Cпасибо, помог)

Answer 2

[nurlansu]

Полагаю можно этого добиться используя computed properties. Что-то типо этого.

valid() {
  if (this.msg === 'Да') {
    return 'Правильно';
  }
  return this.msg === 'Нет' ? 'Неверно' : '';
}