Twitter bootstrap 如何使用v-for引导vue工具提示

我有一些引导Vue工具提示，我希望通过使用v-for来查看对象数组并填充

属性的值，从而减少标记中的占用空间

我当前的一个工具提示

单击以临时显示此值

我的V-For尝试：

{{tooltip.text}

publicpooltipcontents:object[]=[
{
vif:'clientInContext&&ssn&&HIDESN'，
目标：'标题栏ssn眼睛秀'，
disable：此为。DisablesSNButtoToolTip，
show:this.showsnbuttonoltip，
文本：“单击以临时显示此值”
},
{
vif:'clientInContext&&ssn&&！hideSsn'，
目标：“标题栏ssn眼睛隐藏”，
disable：此为。DisablesSNButtoToolTip，
show:this.showsnbuttonoltip，
文本：“单击以屏蔽此值”
},
{
vif:'clientInContext&&ssn&&！hideSsn'，
目标：“标题栏ssn”，
禁用：此.disableSsnTextTooltip，
show:this.showsntexttooltip，
正文：“{ssn}”
}
]

---

我不知道我还能做些什么来让它工作。并且没有在网上找到与此问题相关的任何内容。

我会将

v-for

放在

div

中，并将

v-if

放在

v-tooltip

上。。这不是与示例的“一对一”比较，但它显示了如何对每个工具提示执行检查

代码笔镜像：

newvue({
el:“应用程序”，
数据：{
工具提示：[{
名称：“工具提示1”，
目标：“按钮-1”，
位置：“底部”，
文字：“现场”
},
{
名称：“工具提示2”，
目标：“按钮2”，
位置：“顶部”，
文本：“Html”
},
{
名称：“工具提示3”，
目标：“按钮-3”，
位置：“左”，
案文：“备选案文”
}
]
},
方法：{
工具提示检查（工具提示）{
开关（工具提示）{
案例“tooltip1”：
{
//检查工具提示1
返回true；
}
案例“tooltip2”：
{
//请检查工具提示2
返回false；
}
案例“tooltip3”：
{
//请检查工具提示3
返回true；
}
}
}
}
});

一（检查结果为真）
二（检查结果为假）
三（检查结果为真）
{{tt.text}}
您的
vif
属性不应该是字符串，而应该是语句，例如
vif:clientInContext&&ssn&！hideSsn
（不带引号），您希望对其进行评估。对于
text:{{ssn}}
也应该是
text:ssn
我将其更改为类似于您的状态，但没有出现任何工具提示：/