为了账号安全,请及时绑定邮箱和手机立即绑定

关于VUE路由单页面使用JQUERY第三方插件的问题?跳转过去插件部分就不起作用了

/ 猿问

关于VUE路由单页面使用JQUERY第三方插件的问题?跳转过去插件部分就不起作用了

狼灰灰 2017-06-21 11:37:59

情况是这样子的。

我在VUE单面面中用了一个第三方JQUERY 分页插件,在地址栏里输入http://localhost:8080/conB 一切都是正常的,但是,我在app.vue中定义的

<router-link :to="{path:'conA'}">打开conA</router-link>

<router-link :to="{path:'conB'}">打开conB</router-link>

点击跳转到B页面,分页就没有了,具体请让我慢慢道来:


  1. 这个是定义的地方.main.js基本就是按视频上写的映射到两个VUE组件中去。

    http://img.mukewang.com/5949e8380001818709110801.jpg

  2. 然后在app.vue里加了跳转,这步也没有毛病,也是按视频来的,点击跳的也没有问题,能加载相应的组件内容。

    http://img.mukewang.com/5949e89d000195b306670139.jpg

  3. 然后我在conB.vue里加了一个分页插件,插件的写法也没有问题

    http://img.mukewang.com/5949e91900010ef310200842.jpg

  4. 如果直接用URL访问 http://localhost:8080/conB  没毛病,他是这样子的效果http://img.mukewang.com/5949e9610001c27d08850429.jpg

  5.可是我用页面上的两个a标签去跳转的时候,conB页面就变成了,也不报错,也不会给我啥提示,就不显示。查看了一个DOM,标签里就是空的,啥玩意也没有。  我该怎么办,百度也找不到这方面的解释。

希望慕课的大神阿,帮帮我阿。我叫 西红柿  可以加我QQ 930944122 这个问题,已经困扰我一周多了。

http://img.mukewang.com/5949e991000152db08850429.jpg


查看完整描述

8 回答

已采纳
?
Caballarii

vue里面的页面跳转是前端跳转,不会向后台重新请求页面,页面也不会刷新,所以你那段jquery的代码并不会在vue跳转以后执行,内容当然是空的,所以你再按一遍F5东西就出来了。

解决方法就是把$(function(){})里的代码写到vue的组件生命周期里。早跟你说了vue这种前端框架和jquery很别扭,要处理很多先后顺序的问题,然而你就是不听

查看完整回答
9 反对 回复 2017-06-21
  • 狼灰灰
    狼灰灰
    JQUERY必须要用阿,很多东西,不可能用了VUE后,抛弃JQUERY插件阿,生命周期这块我还没有看到,就看到VUE路由教程了,试了一些东西全是问题,一直都解决不掉。百度上都找不到这些解释。
  • Caballarii
    Caballarii
    既然你想用jquery插件,那就不要用vue了
  • 狼灰灰
    狼灰灰
    学了一个星期了,感觉还只是个入门汉,只会个绑定启动,别的啥也不会。
点击展开后面2
?
vongola3995764

最好别一起用

查看完整回答
3 反对 回复 2017-12-27
?
慕丝8218123

666666666

查看完整回答
反对 回复 2019-10-28
?
燕兮

你既然用了vue了,,怎么还a标签跳转


查看完整回答
反对 回复 2019-08-01
?
Luke__Lu

可以使用,但不建议,如果取元素,可以使用ref,要是是需要使用jq,也可以用webpack引入使用。

import $ from 'jquery';

window.$ = $;

window.jQuery = $;

export default $;


查看完整回答
反对 回复 2019-04-07
?
程序员小遁

建议你在GitHub 或 codepen上维护代码,解决问题很方便

查看完整回答
反对 回复 2019-03-29
?
网站设计

http://kua0.com 跨零代码

查看完整回答
反对 回复 2018-11-29
?
_xuehaiwuya

。看到我没

查看完整回答
反对 回复 2018-10-17

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信