如何在Vue中添加/删除数据参数？

Question

例如：

<div :data-some="someData ? okay : bad" 
    :data-someother="someOtherData ? okay : bad"> 
</div> 

我想不指定任何data-params如果在结果是“坏”。

我该怎么做？

Answer 1

你可以撰写你的属性为对象在计算性能：

computed: { 
    attributes() { 
    let attributes = {}; 
    if (this.someData) { 
     attributes['data-some'] = this.someData; 
    } 
    if (this.someOtherData) { 
     attributes['data-someother'] = this.someOtherData; 
    } 
    return attributes; 
    } 
} 

然后通过传递对象到v-bind指令绑定的属性到div：

<div v-bind="attributes"></div> 

这样，如果data-param的数据不存在，那么data-param属性将不会添加到attributes对象，并且不会绑定到div。