前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Vue 中使用 JQuery 插件不起作用

Vue 中使用 JQuery 插件不起作用

作者头像
wsuo
发布于 2020-10-26 06:40:27
发布于 2020-10-26 06:40:27
2.6K00
代码可运行
举报
文章被收录于专栏:技术进阶之路技术进阶之路
运行总次数:0
代码可运行

有时候在 vue 的代码中使用 jQuery 会不起作用,这是因为 vue 还没有绑定变量,所以我们使用的 jQuery 根本就找不到目标变量,就不会执行,正确的做法是先设置一个时延,稍微等一等 vue 的加载。

界面的渲染需要等 VUE 绑定好变量后才做,我们可以使用 setTimeout 函数做一个时延:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// 界面的渲染需要等 VUE 绑定好变量后才做: 所以加延时 100 ms
setTimeout(function () {
  $("tr.active").trigger("click");
}, 100);
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/10/15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
(VUE!jQuery!插件!)盘点前端群的无脑回答
你是不是在前端群见过很多这种前景:这个怎么做?怎么拿到这些数据?怎么更新整个列表?
lhyt
2022/09/21
1.8K0
(VUE!jQuery!插件!)盘点前端群的无脑回答
【Vue】day02-Vue基础入门
所谓指令修饰符就是通过“.”指明一些指令后缀 不同的后缀封装了不同的处理操作 —> 简化代码
陶然同学
2023/10/14
2740
【Vue】day02-Vue基础入门
(VUE!jQuery!插件!)盘点前端群的无脑回答0.前言总结
你是不是在前端群见过很多这种前景:这个怎么做?怎么拿到这些数据?怎么更新整个列表?
lhyt
2018/10/31
1.6K0
2. Vue语法--插值操作&动态绑定属性 详解
目录 1. 设置vue模板 2. vue语法--插值操作 3. 动态绑定属性--v-bind 一. 设置vue模板 我们经常新建一个vue项目的时候, 会写如下的一段代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app">{{message}}</div> <script src="../js/vue.js">
用户7798898
2021/02/25
2.9K0
2. Vue语法--插值操作&动态绑定属性 详解
【云+社区年度征文】Vue深入dom到组件动画
MV,VM是Vue提供,关注model操作(es5:obj.properties(对象性能、内容)+虚拟dom)
瑞新
2020/12/18
2.4K0
【云+社区年度征文】Vue深入dom到组件动画
jQuery性能优化指南
在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。
Java架构师必看
2021/03/22
9940
【必看】58 道 Vue 常见面试题集锦,涵盖入门到精通,自测 Vue 掌握程度
不同点: 实现本质方法不同,v-show 本质就是通过控制 css 中的 display 设置为 none,控制隐藏,只会编译一次;v-if 是动态的向 DOM 树内添加或者删除 DOM 元素,若初始值为 false ,就不会编译了。而且 v-if 不停的销毁和创建比较消耗性能。总结:如果要频繁切换某节点,使用 v-show (切换开销比较小,初始开销较大)。如果不需要频繁切换某节点使用 v-if(初始渲染开销较小,切换开销比较大)。
web前端学习圈
2020/06/18
1.2K0
【必看】58 道 Vue 常见面试题集锦,涵盖入门到精通,自测 Vue 掌握程度
Vue学习-基础语法
建议在ES6开发中,优先使用const,只有需要改变某一个标识符的时候才使用let。
花猪
2022/02/17
1.7K0
Vue学习-基础语法
不会Vue的Java程序员不是好的架构师
从事web开发的技术工程师,不再只是单纯的只会后端语言技术就可以了,还需要掌握前端知识,做一些常用的页面开发,尤其是在一些企业应用管理系统中。前端技术从最初的html/css/javascript 到jsp/jquery/ajax再到现在流行的vue/angular/react等。工作中有幸学习到vue技术开发,结合工作心得以及参考网络资料学习特整理此文章,作为vue开发的一些心得体会和总结吧。
程序大视界
2022/09/22
6250
不会Vue的Java程序员不是好的架构师
Vue框架快速入门
Vue是现在最流行的前端框架之一,而且相对于其他两个框架React和Angular来说也更加易学,而且它的作者是国人,中文文档也很完善。当然Vue框架算是比较高级的框架,所以在使用过程中还需要JavaScript、JavaScript 2015、WebPack、NodeJS、npm、ESLint、JavaScript单元测试框架等其他知识和框架的使用方法。在学习Vue之前,最好先学习一下这些知识。由于Vue的中文文档比较完善,所以这里只介绍Vue框架的一些核心概念,详细的使用方法还得查看官方文档。
全栈程序员站长
2022/09/05
2.3K0
前端新宠 Svelte 带来哪些新思想?赶紧学起来!
Svelte 是我用过最爽的框架,就算 Vue 和 React 再强大,生态再好,我还是更喜欢 Svelte,因为它开发起来真的很爽。
德育处主任
2022/09/09
4.4K0
前端新宠 Svelte 带来哪些新思想?赶紧学起来!
Vue进阶(四十七):面试必备:2022 Vue经典面试题总结(含答案)
MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。
全栈程序员站长
2022/07/01
3.2K0
Vue进阶(四十七):面试必备:2022 Vue经典面试题总结(含答案)
vue基础(三)
除了 vue-resource 之外,还可以使用 axios 的第三方包实现实现数据的请求 1. 之前的学习中,如何发起数据请求? 2. 常见的数据请求类型? get post jsonp 3. 测试的URL请求资源地址: + get请求地址: http://www.liulongbin.top:3005/api/get + post请求地址:http://www.liulongbin.top:3005/api/post + jsonp请求地址:http://www.liulongbin.top:3005/api/jsonp 4. JSONP的实现原理 + 由于浏览器的安全性限制,不允许AJAX访问 协议不同、域名不同、端口号不同的 数据接口,浏览器认为这种访问不安全; + 可以通过动态创建script标签的形式,把script标签的src属性,指向数据接口的地址,因为script标签不存在跨域限制,这种数据获取方式,称作JSONP(注意:根据JSONP的实现原理,知晓,JSONP只支持Get请求); + 具体实现过程: - 先在客户端定义一个回调方法,预定义对数据的操作; - 再把这个回调方法的名称,通过URL传参的形式,提交到服务器的数据接口; - 服务器数据接口组织好要发送给客户端的数据,再拿着客户端传递过来的回调方法名称,拼接出一个调用这个方法的字符串,发送给客户端去解析执行; - 客户端拿到服务器返回的字符串之后,当作Script脚本去解析执行,这样就能够拿到JSONP的数据了;
不愿意做鱼的小鲸鱼
2022/09/24
6000
vue基础(三)
前端vue面试题2021及答案_redux面试题
答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习; 双向数据绑定:保留了angular的特点,在数据操作方面更为简单; 组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势; 视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作; 虚拟DOM:dom操作是非常耗费性能的, 不再使用原生的dom操作节点,极大解放dom操作,但具体操作的还是dom不过是换了另一种方式; 运行速度更快:相比较与react而言,同样是操作虚拟dom,就性能而言,vue存在很大的优势。
全栈程序员站长
2022/10/04
1.4K0
前端vue面试题2021及答案_redux面试题
Vue的基础语法
(1)元素和组件只渲染一次,不随数据变化而变化,即在开发者工具修改数值时,页面不会变化
申小兮
2023/05/04
6400
Vue的基础语法
vue基础(学习官方文档)
<!-- 即使 Alt 或 Shift 被一同按下时也会触发 --> <button @click.ctrl="onClick">A</button> <!-- 有且只有 Ctrl 被按下的时候才触发 --> <button @click.ctrl.exact="onCtrlClick">A</button> <!-- 没有任何系统修饰符被按下的时候才触发 --> <button @click.exact="onClick">A</button>
全栈程序员站长
2022/09/20
5.5K0
vue基础(学习官方文档)
day 81 Vue学习一之vue初识
  vue称为渐进式js框架,这个框架用来做前后端分离的项目,之前我们学习django,知道django是一个MTV模式的web框架,urls--views--templates,模板渲染通过后端的代码来实现数据的渲染,再加上前端一些简单的dom操作来完成网页的开发,当我们做一个复杂的大型的网页的时候,你会发现这种模式作起来会比较复杂,扩展起来也比较困难,因为前后端没有分离开,耦合性太高,牵一发而动全身,所以人们就开始想,如果能有专门的人来开发前端,专门的人来开发后端,前端页面就是前端语言来写,后端服务端代码就是后端服务端代码来写,两者之前只有数据的交流,那么以后页面在进行拓展,进行功能的更新的时候就会变得比较简单,因此vue就诞生了,之前我们前端页面拿到数据都是通过dom操作或者django的模板语言来进行数据的渲染的,有了前端框架vue,就不需要他们了,并且频繁的dom操作,创建标签添加标签对页面的性能是有影响的,那么直接数据驱动视图,将django的MTV中的T交给vue来写,也就是那个templates里面的内容,并且前端的vue拿到了T这部分的工作,MTV前身是MVC,可以将vue拿到的T的工作称为view视图,就是完成MVC的V视图层工作,只不过V称为视图函数,重点在函数,而vue我们称为视图,接到后端的数据(通过接口url,获得json数据),直接通过vue的视图渲染在前端。
py3study
2020/01/16
2.7K0
【深入浅出jQuery】源码浅析2--奇技淫巧
最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美。 其结构明晰,高内聚、低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷、渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 另外,阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识,接下来将会写一系列关于 jQuery 解析的文章。 我在 github 上关于 jQuery 源码的全文注解,感兴趣的可以围观一下。jQuer
Sb_Coco
2018/05/28
1.1K0
懂个锤子Vue 生命周期
紧跟前文,目标学习Vue2.0——3.0: 懂个锤子Vue、WebPack5.0、WebPack高级进阶 涉及的技术栈…
Java_慈祥
2024/07/25
2290
懂个锤子Vue 生命周期
典型 MVVM 前端框架 Vue
绑定 DOM 文本到数据,也可以绑定 DOM 结构到数据 没有触碰 DOM,DOM 操作都由 Vue 来处理,你编写的代码不需要关注底层逻辑。
江米小枣
2020/06/15
5K0
相关推荐
(VUE!jQuery!插件!)盘点前端群的无脑回答
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验