vue指令动态参数
<div id="app">
<!-- 动态参数 -->
<a v-bind:[attributeName]='url'>...</a>
</div>
<script src="./node_modules/vue/dist/vue.js"></script>
<script>
const vm=new Vue({
el:'#app',
data:{
url:'http://www.baidu.com',
attributeName:'href'
}
})
</script>
按照文档上的方式会报错,找到一种解决方式是attributeName换成attributename(全小写)。
<div id="app">
<!-- 动态参数 -->
<a v-bind:[attributename]='url'>...</a>
</div>
<script src="./node_modules/vue/dist/vue.js"></script>
<script>
const vm=new Vue({
el:'#app',
data:{
url:'http://www.baidu.com',
attributename:'href'
}
})
</script>