Реквизит Vuejs с длинным путем
У меня есть компонент с такими реквизитами:
props: {
data: Object
},
отображение данных: {{ data.a.b.c.d.title }}
Я хочу создать переменную типа: d = this.data.a.b.c.d.
отображение данных: {{ d.title }}
Как лучше всего создать эту переменную?
потому что мне нужно много данных из данных реквизита. Например, c = this.data.a.b.c, d = this.data.a.b.c.d. или data.test
—
09.05.2022 03:16
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
2
27
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
Используйте вычисляемую опору, например...
props: {
data: Object
},
computed: {
d() {
return this.data.a.b.c.d;
}
},
<!-- in the markup -->
<p>{{ d.title }}</p>
поэтому лучше всего помещать код в вычисляемый, а как насчет того, чтобы поместить его в «часы» вот так: watch: { data() { this.d= this.data.a.b.c.d; }, },
—
09.05.2022 03:19
Вы можете использовать часы также, если вам нужна какая-то функция для запуска при изменении данных, но вычисленная поддержка достаточна и правильна для требования, выраженного в OP.
—
09.05.2022 03:31
Другие вопросы по теме
Vuetify: Как добавить aria-labeledby в v-диалог?
Функция запуска только на выбранной карте, где карты отображаются с помощью v-for
Кто-нибудь знает, как обойти геттеры Vuex без кеша?
Nuxt Не удается прочитать свойства null (чтение «$ route»)
Когда элемент становится доступным в dom после использования vue v-if
Как я могу отобразить динамическое значение в текстовом поле v?
Почему изменение реквизита не меняет данные?
Как я могу отобразить значение по умолчанию, если ожидаемое значение равно нулю?
Как преобразовать код Nuxt в код Vue?
Как разместить v-btn на v-card рядом с v-card-text в той же строке?
Похожие вопросы
Как изменить свойство данных в Vuejs с помощью axios, когда почтовый запрос идет медленно?
Как я могу перевести инструкции/код, которые будут работать в файле webpack.config.js, в файл vue.config.js?
Поведение методов Vue 3 setInterval
Невозможно использовать TransitionGroup в функции рендеринга при создании собственного компонента вкладок
Vue 3 - Путаница с V-моделью
Убедите TypeScript, что ссылка на шаблон Vue 3 доступна в onMounted
Функция запуска только на выбранной карте, где карты отображаются с помощью v-for
«Библиотека еще не инициализирована», когда я использую @microsoft/teams-js в nuxtjs
Аргумент №3 ($constraints) должен иметь тип Closure, задан массив
Общие функции не выполняются в магазине Nuxt.js
Вам действительно понадобится все, что есть в этом объекте? Может быть лучше передавать атрибуты по одному. Или создайте более простой объект, который содержит только то, что вам нужно, прежде чем передать его компоненту.