设置vue引导复选框组件prop的条件

Question

我是新的Vue，我必须解决以下问题的工作。我有一个Bootstrap Vue b-form-checkbox组类似于下面的一个。listofOption来自后端和遗留数据库。有时ColumnName为空或null。现在它显示的是null或空白，但我想打印文本"_blank"如果是这样的话。

<b-form-checkbox-group id="flavors"
v-model="status"
:options="listofOption"
:text-field="ColumnName"
:value-field="ColumnName"
name="flavors" class="ml-4" aria-label="Individual flavours" stacked>
</b-form-checkbox-group>

我已经用下面的行替换了:text字段，但是不能使它工作:

:text-field="[(ColumnName && ColumnName != null && ColumnName != '') ? ColumnName : '_blank']"

Answer 1

您可以通过函数传递该值绑定。

getColumnName(ColumnName) {
return (ColumnName && ColumnName != '') ? ColumnName : '_blank' 
}

:

:text-field="getColumnName(ColumnName)