0

У меня есть 2 динамических формы:

<div class="yesterday">
        <h3>Enter yesterday URL's and code</h3>
        <p @click="addNewRow(yedIndexes)" class="addnew">Add URL/code form</p>
        <div 
            class="row"
            v-for="row in yedIndexes"
            >
            <div>
                <input type="text" name="linkurl" placeholder="Enter link">
            </div>
            <div>
                <input type="text" name="linkcode" placeholder="Enter HTML code">
            </div>
        </div>
    </div>
    <div class="today">
        <h3>Enter today URL's and code</h3>
        <p @click="addNewRow(todIndexes)" class="addnew">Add URL/code form</p>
        <div 
            class="row"
            v-for="row in todIndexes"
            >
            <div>
                <input type="text" name="linkurl" placeholder="Enter link">
            </div>
            <div>
                <input type="text" name="linkcode" placeholder="Enter HTML code">
            </div>
        </div>

Мне нужно через Vue (если это возможно) загнать эти данные в ассоциативный массив (а в идеале в стандартный JS map, если это возможно). Пример JSON:

[{key:'key1, value: 'value1''},{key:'key2, value: 'value2''},{key:'key3, value: 'value3''}]

Не понимаю с какой стороны подойти для реализации. И хотелось бы узнать, валидно ли такое представление данных:

var todayMap = new Map();

new Vue({
   el: '#app',
   data:{
        todayLinks: todayMap
   },
   methods:{
        addNewRow: function(day){
            day.push('');
        }
   }
})
4
  • Пример данных в студию.
    – doox911
    Commented 9 июл. 2019 в 7:44
  • @doox911 на данный момент банально сравниваются строки. Условно вводится : 'key1', 'value1, 'key2', 'value2', 'key3', 'value3' /map[{key:'key1, value: 'value1''},{key:'key2, value: 'value2''},{key:'key3, value: 'value3''}]. Мне нужно, чтобы они попадали в мэп всегда парами, независимо от того, в каком порядке они вводятся
    – Pogrom
    Commented 9 июл. 2019 в 7:58
  • Для помощи, поместите это в вопрос и отформатируйте.
    – doox911
    Commented 9 июл. 2019 в 8:00
  • А для чего использовать new Map()? Тут ведь нужен обычный массив объектов. И почему при инициализации у вас не описаны модели в поле data: yedIndexesи todIndexes. Зато описана модель todayLinks, но нигде не используется?
    – user256824
    Commented 9 июл. 2019 в 9:38

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Посмотрите другие вопросы с метками или задайте свой вопрос.