文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

首页 > web前端 > js教程 > 正文

vue.js如何获取当前元素的文字信息

小云云

发布： 2018-03-12 10:17:09

原创

3630人浏览过

本文主要和大家分享一篇vue.js获得当前元素的文字信息方法，具有很好的参考价值，希望能帮助到大家。

1、获得当前点击的内容

<li @click="problem1">
      1. <span class="blue">关于公众号使用问题</span>
      @@##@@
</li>

登录后复制

当我点击这个li标签的时候，我想要获得span里面的文字，可以使用这个方法：

 problem1: function(e){
   console.log(e.target.innerText);
 }

登录后复制

这样子就ok了

2、中文判断

注意：字符集一定要正确，比如说都是utf-8，或者gbk。不然判断会出错。

以上就是vue.js如何获取当前元素的文字信息的详细内容，更多请关注php中文网其它相关文章！

最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载

来源：php中文网

上一篇：python3如何通过qq邮箱发送邮件下一篇：cookie的用法详细讲解

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章

js中delete操作符与内部属性实例详解

1970-01-01 08:00:00
JS中单线程和事件循环详解

1970-01-01 08:00:00
js中数组和字符串的操作方法

1970-01-01 08:00:00
js引擎的执行机制详解

1970-01-01 08:00:00
angularJS实现简易购物车的方法

1970-01-01 08:00:00
操作js数组去重的方法

1970-01-01 08:00:00
Vue.js条件渲染详解

1970-01-01 08:00:00
js开发数据库的实例分享

1970-01-01 08:00:00
实现JS拖动效果的简单方法

1970-01-01 08:00:00
原生js实现Ajax的方法

1970-01-01 08:00:00

2025-06-22 18:39:02

662

js怎样实现文字描边效果 5种描边样式让文本更突出醒目实现文字描边效果在JS中主要依赖CanvasAPI或CSS的text-stroke属性，但需注意兼容性问题。1.CanvasAPI方法：通过先绘制描边再填充文字的方式，设置strokeStyle、lineWidth并调用strokeText()和fillText()，可高度自定义描边样式。2.CSStext-stroke属性：使用-webkit-text-stroke设置描边，简单易用但兼容性较差。3.text-shadow模拟描边：通过叠加多个阴影实现类似效果，兼容性好但性能可能受影响。4.S

2025-06-22 14:18:02

398

js如何实现平滑滚动效果页面平滑滚动的5种实现方法！页面平滑滚动可通过多种方式实现。1.使用CSS的scroll-behavior:smooth属性实现最简单，但兼容性较差；2.通过window.scrollTo()或window.scrollBy()结合requestAnimationFrame或setTimeout实现动画效果，灵活性高；3.利用jQuery的animate()方法，便捷但增加依赖；4.使用Element.scrollIntoView()方法，现代且用法简单；5.手写缓动函数如easeInOutCubic，自由度最高但需要数学

2025-06-22 13:54:02

832

js如何操作Web Locks锁 3种锁机制解决资源竞争问题 WebLocksAPI通过exclusive和shared两种模式协调浏览器中多个脚本对共享资源的访问，避免竞争条件。1.请求锁使用navigator.locks.request()方法，确保只有锁可用时才执行回调；2.锁有exclusive（默认，独占）和shared（共享）两种模式；3.锁在回调执行完毕或出错时自动释放，也可手动调用lock.release()；4.多个请求按顺序排队获取锁；5.锁为会话级别，浏览器关闭时释放。基于这两种模式可构建互斥锁、共享锁及读写锁策略以应对不同场景。兼容

2025-06-22 13:36:02

224

js怎么实现前端压缩文件 JSZip实现文件压缩打包前端压缩文件可用JSZip实现，它支持读取、创建、编辑和保存ZIP文件，并允许在浏览器端完成文件压缩打包。使用步骤包括：1.引入JSZip库，可通过CDN或npm安装；2.创建ZIP对象并添加文件，例如压缩单个文件时用zip.file()方法添加内容；3.生成blob对象并通过下载链接保存压缩包；4.同样方式可实现多文件压缩及文件夹压缩，需用folder()方法创建目录结构；5.读取现有ZIP文件时使用loadAsync方法加载并遍历内容。应用场景包括减少服务器压力、提升上传下载效率等。压缩比因

2025-06-22 13:00:02

607

js怎样检测设备方向变化 4种方向监听方案响应屏幕旋转 JS检测设备方向变化通常有四种方案：screen.orientationAPI、window.orientation属性、matchMedia查询和orientationchange事件。screen.orientationAPI是W3C推荐的标准方法，提供详细方向信息并支持监听变化，但兼容性较新；window.orientation属性返回角度值，简单但已被废弃且信息有限；matchMedia查询通过媒体条件判断方向，灵活性强；orientationchange事件专门用于监听方向改变，适合作

2025-06-22 12:36:02

847

js映射map数据结构_js映射map数据操作全解析 JavaScript中的Map是一种键值对集合，其键可为任意类型。与Object相比，Map更灵活，适合动态操作数据。主要特点包括：1.创建实例用newMap()；2.使用set()添加、get()获取、has()检查、delete()删除、clear()清空键值对；3.通过size属性获取键值对数量；4.遍历时可用for...of循环结合entries()、keys()、values()方法；5.WeakMap是特殊Map，键必须为对象且为弱引用，用于避免内存泄漏。在需使用非字符串键或动态管理

2025-06-22 10:48:02

856

js压缩minify代码技巧_js压缩minify代码优化方法 JS代码压缩的核心方法包括：1.使用专业工具如Terser、UglifyJS和GoogleClosureCompiler，支持ES6+语法并提供高级优化；2.移除空格、注释和换行符以减小体积；3.缩短变量名和函数名提升压缩率并配合sourcemap调试；4.采用高效语法如===、位运算和三元运算提高执行效率；5.启用Gzip压缩减少HTTP传输体积；6.实施代码分割按需加载降低首次加载量；7.移除DeadCode消除冗余代码；8.配置HTTP缓存策略减少请求次数。此外，SourceMap技术可辅

2025-06-22 10:00:02

294

js怎么转换金额数字格式 js金额格式化的4种正则表达式在JavaScript中格式化金额数字可使用正则表达式或toLocaleString方法。1.使用正则表达式添加千位分隔符，示例代码为functionformatCurrency(amount){returnamount.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",");}。2.toLocaleString方法支持本地化格式，如amount.toLocaleString('en-US',{style:'currency',currency:'USD'

2025-06-22 09:51:02

309

js如何实现模块化加载模块化加载的5种方案对比在JavaScript中实现模块化加载的核心在于解决代码组织、依赖管理和命名冲突的问题，常用方案包括IIFE、CommonJS、AMD、UMD和ESModules。①IIFE通过函数作用域封装变量和函数，适合简单项目但易全局污染；②CommonJS适用于Node.js环境，同步加载需打包工具支持；③AMD为浏览器设计，异步加载提升性能但语法复杂；④UMD兼容CommonJS和AMD，适应多环境但代码冗余；⑤ESModules为官方标准，语法简洁支持静态分析，但需构建工具转换。模块化提高了代码可维

2025-06-22 09:12:02

370