如何在VueJS中用单个计算支柱指定多个动态属性
如何在VueJS中用单个计算支柱指定多个动态属性
提问于 2017-11-24 05:05:13
我有一个html元素：
<a href="javascript:">Link text</a>我想按条件动态添加data-tooltip和title属性：
<a href="javascript:" data-toggle="tooltip" title="Some tooltip text">Link text</a>在VueJS中是否有任何方法同时添加多个动态属性：
<!-- instead of this: -->
<a href="javascript:" :data-toggle="computedPropTooltipToggle" :title="computedPropTooltipTitle">Link text</a>
<!-- something like this: -->
<a href="javascript:" ...tooltipAttributes >Link text</a>回答 2
Stack Overflow用户
回答已采纳
发布于 2017-11-24 05:31:07
您可以利用DOM元素上的v-bind，您希望根据某些动态变化的条件对其应用多个属性。
下面是一个柱塞示例，演示了如何解决这个问题。
注意返回的对象：
computed: {
multiAttrs() {
return this.showAttrs ? {
'data-toggle': 'tooltip',
title: 'Some tooltip text',
} : null;
}
}Stack Overflow用户
发布于 2017-11-24 05:28:36
您应该能够使用v-bind="tooltipAttributes"
这里的文档https://v2.vuejs.org/v2/api/#v-bind有更多的信息，但关键部分正在使用中。
动态地将一个或多个属性或组件支柱绑定到表达式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47466667
复制相关文章
相似问题
腾讯云开发者
