猿问
下载APP

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

情况是这样子的。

我在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


狼灰灰
浏览 6778回答 7
7回答

Caballarii

vue里面的页面跳转是前端跳转,不会向后台重新请求页面,页面也不会刷新,所以你那段jquery的代码并不会在vue跳转以后执行,内容当然是空的,所以你再按一遍F5东西就出来了。解决方法就是把$(function(){})里的代码写到vue的组件生命周期里。早跟你说了vue这种前端框架和jquery很别扭,要处理很多先后顺序的问题,然而你就是不听

vongola3995764

最好别一起用

燕兮

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

Luke__Lu

可以使用,但不建议,如果取元素,可以使用ref,要是是需要使用jq,也可以用webpack引入使用。import $ from 'jquery';window.$ = $;window.jQuery = $;export default $;

遁地龙卷风

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

网站设计

http://kua0.com 跨零代码

_xuehaiwuya

。看到我没
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答