VUE.JS связка не работает

195
16 июня 2018, 04:20

Не понимаю почему не работает vue.js. Данные отображаются нормально, но связки никакой нет. Метод klik(), который должен управлять видимостью некоторых элементов потому и не работает, что никакой связки нет(внутрь метода попадает, отрабатывает правильно). При этом, когда я создаю простой объект для теста, все отлично работает. Подскажите в чем может быть проблема...

<div class="areaInfo " v-for="area in mainObjects" v-on:click="klik(area)">
        <div class="trDiv areaData">
            <div class="tdDiv" v-for="(prop, key) in area" v-if="key != 'ChildData'">
                {{key}}
                <template v-if="key.includes('Start') || key.includes('End') ">
                    {{ ConvertJsonDateString(prop) }}
                </template>
                <template v-else-if="!key.includes('Id')">
                    {{ prop }}
                </template>
            </div>
            <div class="tdDiv" > {{area.childSeen}}</div>
        </div>
    </div>

В скрипте я делаю следующее:

 var mainObjects = @(Html.Raw(result.Content));
for (var i = 0; i < mainObjects.length; i++) {
    mainObjects[i].childSeen = false;
    for (var j = 0; j < mainObjects[i].ChildData.length; j++) {
        mainObjects[i].ChildData[j].childSeen = false;
    }
}
 console.log(mainObjects);
var app = new Vue({
    el: "#app",
    data: mainObjects,
    methods: {
        klik: function (region) {
            console.log(region.childSeen)
            if (region.childSeen == false) {
                console.log('wasFalse');
                return region.childSeen = true;
            }
            return region.childSeen = false;
        }
    },
});

Все данные нормально сериализуются в JSON формат, все данные нормально отображаются на странице. Не работает связка данных. Сама модель примерно следующего типа(примерно):

public class Test 
{
   public string FirstName {get;set;}
   public string LastName {get;set;}
   public List<Rebenok> ChildData {get;set;}
}
public class Rebenok
{
   public string FirstName {get;set;}
   public string LastName {get;set;}
   public List<Diagnoz> Diagnozy {get;set;}
}
public class Diagnoz
{
   public string Name {get;set;}
   public string Description {get;set;}
}
READ ALSO
Извлечение данных localStorage

Извлечение данных localStorage

Есть форма, данные которой записываются в массив contacts, потом функция updateTable берет данные из массива и заполняет/рисует таблицуНеобходимо...

203
Как условно отобразить header внутри jsf?

Как условно отобразить header внутри jsf?

У меня есть jsf страница, Требуется, чтобы в зависимости от переданного в реквесте параметра, например это GET с параметром в url hide, чтобы: Если...

198