Установить данные в vue на основе других данных
У меня есть данные в компоненте vue, которые меняются в зависимости от значений раскрывающегося списка выбора. Я хочу изменить другие данные в том же компоненте на основе этих изменений.
Например
data: function()
{
return{
page:'self-employed', //dynamic data bind with select element
loan:this.page === 'self-employed' ? 'business-loan' : 'personal-loan',
}
}
Я использую условный оператор, но он вообще не работает.
Зод: сила проверки и преобразования данных
Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...
Как заставить Remix работать с Mantine и Cloudflare Pages/Workers
Мне нравится библиотека Mantine Component , но заставить ее работать без проблем с Remix бывает непросто.
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
TypeScript против JavaScript
TypeScript vs JavaScript - в чем различия и какой из них выбрать?
Синхронизация localStorage в масштабах всего приложения с помощью пользовательского реактивного хука useLocalStorage
Не все нужно хранить на стороне сервера. Иногда все, что вам нужно, это постоянное хранилище на стороне клиента для хранения уникальных для клиента...
Что такое ленивая загрузка в Angular и как ее применять
Ленивая загрузка - это техника, используемая в Angular для повышения производительности приложения путем загрузки модулей только тогда, когда они...
0
0
19
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
loan должен быть вычисленным свойством на основе других ваших данных:
data: function() {
return {
page: 'self-employed', //dynamic data bind with select element
}
},
computed: {
loan() {
return this.page === 'self-employed' ? 'business-loan' : 'personal-loan'
}
}
Другие вопросы по теме
Реализация трансляции Laravel 8 с помощью Pusher и Laravel Echo во внешнем интерфейсе Vue
Laravel + Vue загружает фрагменты веб-пакета по определенному пути
Массив динамического зависимого поля выбора в Vue.js
Vue 2 - обратный вызов события @click не регистрируется при использовании условного рендеринга
Ожидаем возврата вызова API и помещаем его в переменную
Я получаю сообщение об ошибке при попытке реализовать базовый пример библиотеки vue-echarts
Выделены все строки с флажком, но для нескольких таблиц, отображаемых с циклом
Оператор Vuex If проверяет значение store.state в asyncData
Локальные функции не работают в VueUse useWebWorkerFn
Как отображать динамические данные при нажатии динамической ссылки в том же компоненте без обновления страницы в Vue.js
Похожие вопросы
Аргумент типа 'строка' не может быть назначен параметру типа '`$ {строка}` | `$ {строка}. $ {строка}` | `$ {строка}. $ {число}` '
Композиция менее эффективна, чем наследование в JavaScript?
Невозможно установить машинописный текст глобально?
Как протестировать метод закрытия MatDialog с помощью Jest
Передать восклицательный знак как значение свойства в компоненте реакции
Угловой 'mat-tab' не является известным элементом
Недопустимая конфигурация маршрута '': redirectTo и дочерние элементы не могут использоваться вместе
Сделайте порядок полей в базе данных согласованным
Машинопись: динамический вывод типов
Строго типизированные общие параметры массива функций