{{ tag.label }}
tags变量示例: name指的是router中定义路由的name, label是显示的文字
点击tag可以根据name跳转到指定的路由 tags:
[
{ name: "HelloWorld", label:"测试" },
{ name:"echart", label:"测试2" },
{ name: "aside_Test", label:"测试21" },
],
注意在调用删除按钮的时候,由于vue子组件不能直接改变父组件的值,
因此我们对应emit的方法(deleteTag)在我们的父组件的method中需要进行method方法的定义
实例如下
deleteTag(index){
this.tags.splice(index,1)
console.log(index)
}
调用示例如下