a链接的href怎么用vue动态生成

a链接的href用vue动态生成可以使用vue中的动态数据绑定v-bind:href="url"。v-bind指令，简写为“:”，下面来看看一个动态生成a标签并绑定href属性的示例，让各位加深理解。

:href="'addalarmnotes.do?alarmId=' + item.id + '&activetype1=detail'"

target="_blank">{{item.name}}

注意的是：(相关课程推荐：Vue.js教程)

a)href前面要加“：”或者 v-bind:

b)字符串要用单引号“ '' ”包住

c)加上了冒号是为了动态绑定数据，等号后面可以写变量。

d)如果不使用冒号，等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了

new Vue({

el: '#appp',

data: {

sites: [

{ name: 'Runoob' ,id:"1"},

{ name: 'Google' ,id:"2"},

{ name: 'Taobao' ,id:"3"}

]

}

})

本文来自Vue.js答疑栏目，欢迎学习！

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue