Vue. js входное значение v-модели и заполнение существующих данных - PullRequest
Новая
       24

Vue. js входное значение v-модели и заполнение существующих данных

0 голосов
/ 06 февраля 2020

У меня есть некоторые данные в массиве, которые я хочу заполнить из входных данных во время циклического прохождения.

А также добавить дополнительные входные данные на случай, если захочу. Я не получаю никакой ошибки, но данные не заполняются.

Мой скрипт: 

data() {
  return {
     meta: []
  }
}

Мой шаблон: 

<div class="field" v-for="(meta, index) in data.meta" : key="index">
  <input : v-model="data.meta[index]" name="type" class="form-control shadow-btn" />
</div>
<a href="javascript:void(0)" @click="addInput" > add</a >

Чего мне не хватает

Ответы [ 2 ]

0 голосов
/ 06 февраля 2020

Попробуйте этот подход! 

new Vue({
    el:"#app",
    data: {
        meta:['Meta 1','Meta 2']
    },
    methods: {
        addInput(){
            alert("Do something!");
        }
    },
});
<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <div class="field" v-for="(m, index) in meta" :key="index">
            <input :value="m" name="type" class="form-control shadow-btn" />
        </div>
        <a href="javascript:void(0)" @click="addInput">add</a>
    </div>
</body>
</html>
0 голосов
/ 06 февраля 2020

Ваш шаблон должен отображаться так:

<div class="field" v-for="(m, index) in meta" :key="index"> <input :v-model="m" name="type" class="form-control shadow-btn" /> </div>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...