vue2 href里加变量
时间: 2023-09-19 09:07:36 浏览: 118
vue2 全局变量的设置方法
5星 · 资源好评率100%
在Vue 2中,您可以使用绑定语法将变量的值添加到href属性中。如下所示:
```html
<template>
<a :href="url">Link</a>
</template>
<script>
export default {
data() {
return {
id: 123,
};
},
computed: {
url() {
return "http://example.com/page.php?id=" + this.id;
},
},
};
</script>
```
在此示例中,我们使用绑定语法 `:href` 来绑定 `url` 计算属性到 `href` 属性上。当 `id` 发生变化时,`url` 计算属性将动态计算 `href` 的值。请注意,我们需要将 `id` 声明为响应式数据,以便当它发生变化时,Vue 2可以检测到并更新 `url` 计算属性的值。
阅读全文