听起来很愚蠢,但我找不到传递 href 中定义的变量数据的方法:
组件文件.vue
我尝试了所有这些:
<a href=" url ">{{ url }}</a>
<a href=" {{ url }}">{{ url }}</a>
<a href=" {{ url }}">{{ url }}</a>
<a v-bind:href="url">{{ url }}</a>
<a @click=" url " v-bind:href="url"> {{ url }}</a>
...
export default {
data() {
url: 'http://anywhere.com'
}
}
正确的方法是什么?
Thanks!
你已经定义了data()
作为一个函数,但它不返回任何内容。它应该返回一个包含数据的对象,如下所示:
export default {
data() {
return {
url: 'http://anywhere.com'
}
}
}
那么其中任何一个都可以工作:
<a href="{{url}}">{{ url }}</a>
<a v-bind:href="url">{{ url }}</a>
编辑 VUE 2:
不再建议在属性中插入变量。改变:
<a href="{{url}}">{{ url }}</a>
对于其中之一:
<a :href="url">{{ url }}</a>
<a v-bind:href="url">{{ url }}</a>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)