美文网首页
div上自定义 路由跳转

div上自定义 路由跳转

作者: PharkiLL | 来源:发表于2021-04-29 10:00 被阅读0次
DOM上面
<div  v-route-to="{ name: 'group-chat-bulletin' }"></div>


// 路由跳转
Vue.directive('routeTo', {
  inserted: function (el, binding, vnode) {
    el.onclick = function () {
      const path = binding.value
      vnode.context.$router.push(path)
    }
  }
})

相关文章

  • div上自定义 路由跳转

  • flutter路由的使用

    定义路由: 跳转:pushReplacementNamed跳转之后不能再返回:Navigator.of(conte...

  • Flutter路由跳转

    路由配置 定义路由配置信息 在MaterialApp的routes属性中指向设置的路由配置 跳转 1-跳转至配置的...

  • VUE 通过URL传递多个参数

    路由 以/:参数分割 跳转以/路由定义的参数分割

  • flutter之笔记路由

    1、页面跳转的几种方式 *1、默认方式 *2、预定义路由 *3、根路由的定义

  • ionic4-传递参数

    环境 路由传值 方式一(单个值) 路由定义 跳转 或者 接收 方式二(多个值) 跳转 接收 组件间传值 父 -> ...

  • Vue-router

    跳转方式 第一种:普通跳转 第二种:代码跳转 都要定义路由文件: 动态路由 路由懒加载 vue-cli4脚手架的代...

  • Flutter 中的路由

    .路由定义 Flutter 中的路由通俗的讲就是页面跳转。在 Flutter 中通过 Navigator 组件管理...

  • router实现页面跳转

    first.vue 凡是带有跳转的都需要在index.js中定义路由 1.通过import进行引用2.定义页面路由...

  • 路由跳转(非命名路由)

    单纯跳转: 路由传值跳转: 路由传值返回跳转:

网友评论

      本文标题:div上自定义 路由跳转

      本文链接:https://www.haomeiwen.com/subject/xhbirltx.html