Компонент Vue в цикле

В упрощенном примере ниже он печатает таблицу, а последний столбец является компонентом. Когда я меняю компонент, изменяя тестовую переменную, он меняет компоненты в каждой строке. Есть ли способ просто изменить компонент в одной строке, не внося изменений в переменную записей? К вашему сведению: в реальном примере компонент определяется с помощью слота, поэтому я ограничен родительской областью.

<template>
<tr v-for = "entry in entries">
   <td v-for = "key in columns">
       {{entry[key]}}
   </td>
   <component v-bind:is = "test"></component>
</tr>
</template>

Как насчет того, чтобы преобразовать переменную test в массив, чтобы можно было иметь одно значение для каждой строки? Т.е. test = [1,2,3,4], а затем используйте v-for = "(entry, index) in entries" в первом цикле для извлечения индекса для строки, а затем используйте его в таком компоненте, как этот v-bind:is = "test[index]". Имеет ли это смысл?

— 25.05.2018 23:01

Значения в entries могут даже содержать тестовый варибал, чтобы вы могли сделать что-то подобное в своем компоненте v-bind:is = "enrty.test".

— 25.05.2018 23:02

Вы должны рассмотреть возможность связывания :key с каждым v-for. v-for = "(entry, index) in entries" :key = "index например

— 26.05.2018 04:28

Как это поможет? Я не знаком с этим

— 26.05.2018 06:24

javascript vue.js vue-component

25.05.2018 22:54

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Другие вопросы по теме

Vue.js ссылается на константы в данных?

Как интегрировать Dialogflow v2 с интерфейсом javascript (Vue.js)

Утвердить, что класс был добавлен к элементу

Как структурировать модули Vuex в проекте VueJS?

Код Vuejs не работает в компоненте, но работает в приложении

Laravel router-link работает только первый раз

Использование нескольких экземпляров разбивки на страницы с Vue.js

Vue, функция испускания и передачи в качестве реквизита

Настройка текста элемента в v-select

Vue.js: нет динамической локали в функции данных javascript

Компонент Vue в цикле

Другие вопросы по теме

Похожие вопросы