Question

我是Vue的新手，我尝试做一个小型PoC，但我不知道为什么，我收到了一个错误：未捕获TypeError：无法读取属性＆＃39; get＆＃39;未定义的。

我的HTML：

<div id="configuration">
....
    <div class="list-group config-list">
        <a
            v-for="item in configurationList"
            v-on:click="SelectItem(item)"
            class="list-group-item"
            v-bind:class="'active': isActive(item)"
            href="#">{{ FormatItemType(item) }}
        </a>
    </div>
....
</div>

Vue定义：

new Vue({
    el: "#configuration",
    data:
    {
        configurationList:
        [
            { Id: "100", Version: 1, Type: "TestType.TestType100" },
            { Id: "200", Version: 2, Type: "TestType.TestType200" },
            { Id: "300", Version: 3, Type: "TestType.TestType300.Roles" }
        ],
        configurationData:
        {
            Id: "100", Version: 1, Type: "TestType.TestType100", Content: "TestType.TestType100"
        },
        computed:
        {
            isActive: function (configurationListItem)
            {
                return choosenConfigurationListItem.Type == configurationListItem.Type;
            }
        },

        choosenConfigurationListItem: null
    },

    methods:
    {
        FormatItemType: ... not important
        SelectItem: function (configurationListItem)
        {
            this.choosenConfigurationListItem = configurationListItem;
        }
    }
})

如果我删除 v-bind：class =＆＃34;＆＃39; active＆＃39;：isActive（item）＆＃34; 条目，则没有错误。 sntax错了，还是错过了什么？

提前致谢，雷管

Answer 1

您是否尝试过：class =＆＃34; {active：isActive（item）}＆＃34;语法？

Vue 1.0.4 js在类绑定上给出错误：未捕获TypeError：无法读取属性＆＃39; get＆＃39;未定义的

1 个答案: