2.6.0开始,可以用[ ]方括号扩起来的javascript表达式作为一个指令的参数。
<a v-bind:[attributeName]="url">...</a>
这里的attributeName会被作为一个js表达式进行动态求值,求得的值将会作为最终的参数来使用。
如果你的Vue实例又一个data property atteibuteName,其值为“href”,那么这个绑定等价于v-bind:href
。
同样的也可使用动态参数为一个动态的事件名绑定处理函数:
<a v-on:[eventName]="doSomething">...</a>
上面例子中,当eventName
的值为“focus”
时,v-on:[eventName]
等价于v-on:focus