vue.js获得当前元素的文字信息方法

 更新时间:2018年03月09日 16:35:16   作者:best-toby  
下面小编就为大家分享一篇vue.js获得当前元素的文字信息方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

1、获得当前点击的内容

<li @click="problem1">
      1. <span class="blue">关于公众号使用问题</span>
      <img src="../img/right.png" alt=""/>
</li>

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

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

这样子就ok了

2、中文判断

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

以上这篇vue.js获得当前元素的文字信息方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)

    详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)

    这篇文章主要介绍了Vue iview IE浏览器不兼容报错的决绝方法,由于Iview编译使用到了es6的一些新特性,但是在IE中不支持ES6的新特性,本文就介绍一下如何解决这些问题
    2019-01-01
  • vue3.0中友好使用antdv示例详解

    vue3.0中友好使用antdv示例详解

    这篇文章主要给大家介绍了关于在vue3.0中如何友好使用antdv的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • Vue实现调用PC端摄像头实时拍照

    Vue实现调用PC端摄像头实时拍照

    这篇文章主要为大家详细介绍了Vue实现调用PC端摄像头实时拍照,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • vue + element ui实现播放器功能的实例代码

    vue + element ui实现播放器功能的实例代码

    这篇文章主要介绍了vue + element ui实现播放器功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-04-04
  • Vue3子组件watch无法监听父组件传递的属性值的解决方法

    Vue3子组件watch无法监听父组件传递的属性值的解决方法

    这篇文章主要介绍了Vue3子组件watch无法监听父组件传递的属性值的解决方法,文中通过代码示例讲解的讲解的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2024-10-10
  • vue中$set的使用(结合在实际应用中遇到的坑)

    vue中$set的使用(结合在实际应用中遇到的坑)

    这篇文章主要介绍了vue中$set的使用(结合在实际应用中遇到的坑),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • Vue3 接入 i18n 实现国际化多语言案例分析

    Vue3 接入 i18n 实现国际化多语言案例分析

    在 Vue.js 3 中实现网页的国际化多语言,最常用的包是 vue-i18n,通常我们会与 vue-i18n-routing 一起使用,这篇文章主要介绍了Vue3 如何接入 i18n 实现国际化多语言,需要的朋友可以参考下
    2024-07-07
  • 解决vuex刷新状态初始化的方法实现

    解决vuex刷新状态初始化的方法实现

    这篇文章主要介绍了解决vuex刷新状态初始化的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • vant样式不生效问题的解决办法

    vant样式不生效问题的解决办法

    这篇文章主要给大家介绍了vant样式不生效问题的解决办法,文中通过示例代码介绍的非常详细,对大家学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2023-06-06
  • vue3中sync修饰符的使用详解

    vue3中sync修饰符的使用详解

    .sync修饰符是Vue中用于实现子组件修改父组件传递的props值并更新到父组件的功能,它实际上是一个语法糖,将子组件的props绑定到一个名为update:propName的自定义事件上,本文给大家介绍了vue3中sync修饰符的使用,需要的朋友可以参考下
    2023-10-10

最新评论