javascript - Vuejs记录不同路线的数据

Question

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

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

并在脚本中 ->

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

},

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

}

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

Answer 1

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

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

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

希望这有帮助!