vue中如何删除字符串中的空格符

 更新时间:2024年01月01日 09:45:53   作者:xuelong-ming  
这篇文章主要介绍了vue中如何删除字符串中的空格符方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue删除字符串中的空格符

问题

在使用过程中发现字符串中重置着空格,使用.trim()方法无法删除空格

var str = '123456     '
console.log(str.length); // 11

原因

使用断点可以看到字符串中的是空格字符,并不是单纯的空格

var str = '123456\u0000\u0000\u0000\u0000\u0000'

解决方法

使用正则表达式删除空字符

var str = '123456\u0000\u0000\u0000\u0000\u0000'
console.log(str.length) // 11
console.log(str.replace('\0', '').length) // 10
console.log(str..replace(/\0/g, '').length) // 6

vue中的空格使用

  == 普通的英文半角空格

  ==   ==   == no-break space (普通的英文半角空格但不换行)

  == 中文全角空格 (一个中文宽度)

  ==   == en空格 (半个中文宽度)

  ==   == em空格 (一个中文宽度)

  == 四分之一em空格 (四分之一中文宽度)

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue.js组件props数据验证实现详解

    Vue.js组件props数据验证实现详解

    这篇文章主要为大家详细介绍了Vue.js组件props数据验证的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • Vue实例挂载的全流程详解

    Vue实例挂载的全流程详解

    理解 Vue 实例的挂载过程,不仅有助于我们更好地掌握 Vue 的核心原理,还能提高我们在开发中的调试和优化能力,下面就跟随小编一起学习一下吧
    2024-12-12
  • Vue3中的组合式 API示例详解

    Vue3中的组合式 API示例详解

    组合式 API 是一系列 API 的集合,使我们可以使用函数而不是声明选项的方式书写 Vue 组件,这篇文章主要介绍了什么是Vue3的组合式 API,需要的朋友可以参考下
    2022-06-06
  • Iview Table组件中各种组件扩展的使用

    Iview Table组件中各种组件扩展的使用

    这篇文章主要介绍了Iview Table组件中各种组件扩展的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • 详解Vue基于vue-quill-editor富文本编辑器使用心得

    详解Vue基于vue-quill-editor富文本编辑器使用心得

    这篇文章主要介绍了Vue基于vue-quill-editor富文本编辑器使用心得,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • 基于Vue和Firebase实现一个实时聊天应用

    基于Vue和Firebase实现一个实时聊天应用

    在本文中,我们将学习如何使用Vue.js和Firebase来构建一个实时聊天应用,Vue.js是一种流行的JavaScript前端框架,而Firebase是Google提供的实时数据库和后端服务,结合这两者,我们可以快速搭建一个功能强大的实时聊天应用,需要的朋友可以参考下
    2023-08-08
  • vue 如何使用递归组件

    vue 如何使用递归组件

    这篇文章主要介绍了vue 如何使用递归组件,帮助大家更好的理解和使用vue,完成开发需求,感兴趣的朋友可以了解下
    2020-10-10
  • 解决vue3使用element-ui的具体操作

    解决vue3使用element-ui的具体操作

    elmentui是一款为vue设计的桌面组件库,下面这篇文章主要给大家介绍了关于解决vue3使用element-ui的具体操作,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • Ubuntu22.04使用nginx部署vue前端项目的详细教程

    Ubuntu22.04使用nginx部署vue前端项目的详细教程

    这篇文章主要给大家介绍了关于Ubuntu22.04使用nginx部署vue前端项目的详细教程,使用nginx部署前端项目是一篇非常详细的教程,旨在帮助初学者使用Nginx来部署前端项目,需要的朋友可以参考下
    2024-03-03
  • Vue下拉框双向联动效果的示例代码

    Vue下拉框双向联动效果的示例代码

    这篇文章主要介绍了Vue下拉框双向联动效果,实现联动,大家都知道在vue的页面中,想要实现多个<el-select 下拉框的值动态改变,必须要调用@change 函数,具体操作方法跟随小编一起学习下吧
    2022-04-04

最新评论