условие и возвращать результат правильно ? (т.е вот такая конструкция
computed: {
result() {
if(this.radioOperatorSum.checked) {
return this.firstInputNumber + this.secondInputNumber;
}
}
},
не работает (линтер жалуется if statement, компонент не работает, убираю условие, все нормально)
он жалуется на то, что у тебя значение возвращается только при выполнении условия, в остальных случаях будет undefined
спасибо большое. А можешь еще подсказать, в чем нюанс ? Почему-то не работает вычисляемое свойство при изменений данных, т.е не обновляется число при чекнутом состоянии радио инпута computed: { result() { let outputtedNumber; if(this.radioOperatorSum.checked) { outputtedNumber = this.firstInputNumber + this.secondInputNumber; } return outputtedNumber; } },
а откуда берется this.radioOperatorSum? покажи целиком компонент
const vm = createApp({ data() { return { firstInputNumber: 0, secondInputNumber: 0, radioOperatorSum: false, }; }, computed: { result() { let outputtedNumber; if(this.radioOperatorSum.checked) { outputtedNumber = this.firstInputNumber + this.secondInputNumber; } return outputtedNumber; } }, }).mount('#app');
Когда ты объявляешь переменную без присваивания, она undefined
Пропиши просто return
как минимум, у тебя тут она изначально объявлена как false, но в computed ты берешь у него свойство checked, чего там, естественно, нет
а как тогда мне обозначить radioOperatorSum в data, если она привязана через v-model к радио инпуту ?
если она привязана к инпуту, то тебе достаточно проверять саму переменную, не надо брать у нее checked, просто this.radioOperatorSum загляни во вьюшных девтулзах в свой компонент, там можно посмотреть, что в ней лежит в конкретный момент времени
Обсуждают сегодня