为什么我不能使用v-bind在类中添加两个方法?

Question

使用vue.js 2，我需要动态添加类到

元素。什么工作(单方法调用)

:tbody-tr-class="urgentEnquiryMixin_rowColour"

什么不工作(两个方法调用，一个是mixin)

为v-bind添加一个额外的方法

:tbody-tr-class="urgentEnquiryMixin_rowColour applyUnreadClass"

What i have try

:tbody-tr-class="[applyUnreadClass, urgentEnquiryMixin_rowColour]"
:tbody-tr-class="{applyUnreadClass(), urgentEnquiryMixin_rowColour}"

info附加代码

applyUnreadClass(item, type) {
if (!item || type !== 'row') {
return '';
}
if (item.read === false) {
return 'unread-email-row';
}
return '';
}
urgentEnquiryMixin_rowColour(item, type) {
if (!item || type !== 'row') { return ''; }
if (item.isUrgent === true) { return 'tr-urgent'; }
return '';
}
<b-table id="assigned-enquiries-table" class="index-grid" headVariant="light" hover
:items="enquiriesData" :fields="columns" :current-page="page" :per-page="rowsPerPage"
show-empty :tbody-tr-class="applyUnreadClass, urgentEnquiryMixin_rowColour"
@filtered="onFiltered" :busy="isBusy"
>

'v-bind'指令需要一个属性值解析错误:意外的令牌'，'。解析错误:'，'.eslint-plugin-vue

Answer 1

可以直接使用class作为可选类。

你甚至可以使用class来使类总是工作:

<div
class="static"
:class="{ active: isActive, 'text-danger': hasError }"
></div>

为这些类创建道具(它们是布尔值)，并像这样传递给你。

但是，如果您想动态添加它们。创建一个字符串粘贴到类中。这将包含该字符串中的所有类。(如。'Class1 Class2 Class3')

https://v2.vuejs.org/v2/guide/class-and-style.html