CNode

有没禁止 vue-router 某个 url 复用的选项

问答
MMiYogurt发布于10 年前最后回复10 年前3 回复5604 浏览0 收藏

或者说,如何根据 url 改变 state 状态?由于同一个路由下面组件复用不会执行生命周期钩子,所以没法 dispatch

  watch: {
    '$route': 'fetchData'
  },
  method: {
    fetchData () {
      this.$store.dispatch('changeUrl', { url: this.$route.params.url })
    }
  }

untitled1.png

这样会报错。

untitled5.png

这里我是想把下面的列表封装成组件,点击下面的路径,上面的播放就可以自动切换视频源,以前我尝试过用 video.js 自己写,我发现自己写出来的,播放的时候切换src 不成功,尽管标签的 src 已经被替换掉了,我估计还要自己手动销毁 video 对象,重新初始化,

还有就是问一下 koa 有没有类似于 https://github.com/bripkens/connect-history-api-fallback 这种的插件,koa 可以直接用这个吗?

查看回复

回复 (3)

M
MiYogurt#1·10 年前

把逻辑写到一个方法里面就是了,使用编程式路由,以及分发一下状态就好了。

M
magicdawn#2·10 年前

你用了 prams, path 里应该使用 /video/:url 才对, 这样, watch $route 还是没有调用? 其实你这个为啥要使用 router 实现呢, 直接在 @click handler 里 dispatch 不行么

参与回复
登录后即可参与回复。登录