如何在router-link上绑定事件

如何在router-link上绑定事件,第1张

在无线路由的无线参数项中,有开启安全设置上打勾。选安全类型:WEP 不要选泽(WPA/WPA2WPA-PSK/WPA2-PSK ),如选泽了第一项密码,路由性能较稳定,如选了其他项密码,路由会经常掉线的。然后在密钥格式选择: 16 进制,在密钥 1: 中选着十位数密码,密 钥 类 型为 用64 ,点击保存即可。

Vue 页面跳转,一般用 vue-router 来做。 在我们创建 Vue 项目框架时,在配置文件 package.json 里面一般都有默认添加的依赖库。

我们只要创建好 Vue 项目,其他的不用管了,直接用 vue-router 来实现页面跳转-传值。

在页面 HelloWord.vue 点击按钮,跳转到页面 textVue.vue ,并且传值

一,创建两页面,跳转-传值

1,这里我们用 Vue 框架自带的页面 HelloWord.vue ,然后自己创建一个页面 textVue.vue ,并且放在一个文件下 componebts ,当然文件位置可以改变,为了图简单。

2, HelloWord.vue 页面,添加点击跳转-传值事件

两种方法 @click 方法和 router-link 方法。

在 HelloWord.vue 页面, @click 方法

在 HelloWord.vue 页面, router-link 方法`

3, textVue 页面,添加接受事件和展示传递的值

获取传递的值

展示传递的值

二,在 router 文件夹的 index 文件下,配置好页面路径

最终效果图如下:

注释:1,当新建 Vue 文件,不在文件下,在其他文件夹的时候,那么在 router 文件夹的 index 文件如下。

注释:2,全局视图


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11458677.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存