Question

我正在使用vuejs2。我想在我的组件中创建一个方法，然后调用它来绑定一个类，但是我不能让它工作。这就是我想要或多或少地完成的事情，其中getMachineClass（）理想地是我的机器组件中的方法。

<machine
      v-for="item in machinesList"
      v-bind:key="item.id"
      v-bind:machine="item"
      v-bind:class="item.getMachineClass()">
</machine>

我知道我可以把方法放在我的vue实例中，然后像这样调用它：

v-bind:class="getMachineClass(item)

我希望这个方法只是在组件中。我该怎么办呢？

机器组件：

Vue.component('machine', {
        props: ['machine'],
        template: '#machine',
        data: function () {
            return {
                translations: translations,
                options: options
            }
        },
        mounted: ...
});

Answer 1

您只需将var existinctContactAccount = _dataContext.ContactAccounts .Include(ca => ca.Contact) .Include(ca => ca.ContactAccountTags.Select(cat => cat.ContactTag)) .Where(ca => ca.AccountId == accountId && addCustomContactAccounts.Any(a => a.Email.Equals(ca.Contact.Email, StringComparison.OrdinalIgnoreCase))).ToList();绑定到计算机组件的根元素

即可

class

由于您收到的迭代项目为//machine component template <script type="text/x-template" id="machine"> <div v-bind:class="getMachineClass(machine)"> //... </div> </script>道具，请将其传递给machine方法

v-foring组件时在模板中调用组件方法

1 个答案: