vue.js jquery如何混用

直接在html页面引入的vue和jquery,写完vue后,jquery的一些点击 弹窗的效果都没用了
会不会是是要在vue渲染玩页面后才能有效 那要怎么写呢

回答:

虽然不推荐,但是非得做的话,也可以。

文档 https://cn.vuejs.org/v2/api/#…
在nextTick这个回调里面写你的jquery相关代码,再操作dom

回答:

这个容易,你可以看一下示例:
首先使用npm安装jquery:

npm install jquery --save

然后在vue中导入并应用如下例子:

import $ from 'jquery' //导入jquery
import headTop from '@/components/headTop.vue'
import endLine from '@/components/endLine.vue'
    
export default {
    
  name: 'new',
  components: {
    headTop,
    endLine,
  },
mounted(){
//这里面写初始化的Jquery,在生命周期的mount阶段才有用。

        $(".div").text("服务器未响应或未连接服务器 \n 无资源");
    
},
methods:{
//这里面写方法里面调用jquery也是可以的

success:function(){
$(".div").text("获取资源成功!");
}
}

回答:

如何混用~
随便混用~
如果是绑定的事件没效果? 可能是动态生成的dom 没有绑定成功,
$(document).on("click", "元素", function(){}) 去绑定

回答:

可以用啊,DOM就是一盘菜,用刀叉用筷子勺子都一样吃。

回答:

webpack.config.js中增加如下配置,

 plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jquery: 'jquery',
      'window.jQuery': 'jquery',
      jQuery: 'jquery'
    }),
  ],

然后在Vuemounted方法中应用你的jQuery函数调用.

回答:

放弃jquery 用vue实现了

回答:

webpack 官方文档有介绍:
https://webpack.js.org/plugin…

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注