记录不同路线的数据Vuejs

Question

我正在使用vue文件，我有以下代码

 <router-link :to ="{name: 'detailed'}" tag = 'li' @click = 'getData("test")'> testing</router-link>

并在脚本中使用 - ＆gt;

export default {
data(){
    return{
        choice: ''
    }

},

methods: {
    getData(asd){
        this.choice = asd
        console.log(this.choice)
    }
}

}

基本上我需要的是将数据从getData传递到另一个路由。正如您所看到的那样，当我按下它时，路由器链接将把我带到另一个页面，在那个新页面上我需要使用按下该链接时创建的数据。

Answer 1

要让您的方法在点击时触发，您需要添加.native修饰符，即

@click.native="getData('test')"

https://vuejs.org/v2/guide/components.html#Binding-Native-Events-to-Components

希望这有帮助！