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中echarts点击事件点击一次多次触发问题

    vue中echarts点击事件点击一次多次触发问题

    这篇文章主要介绍了vue中echarts点击事件点击一次多次触发问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-06-06
  • Vue引入sign-canvas实现签名画板效果

    Vue引入sign-canvas实现签名画板效果

    这篇文章主要介绍了Vue引入sign-canvas实现签名画板,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-03-03
  • Vue滑块验证码组件anji-captcha的使用案例详解

    Vue滑块验证码组件anji-captcha的使用案例详解

    滑块验证是一种常见的人机识别方法,这篇文章主要介绍了Vue滑块验证码组件anji-captcha的使用,本文通过实例代码图文相结合给大家介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • vue调用本地摄像头实现拍照功能

    vue调用本地摄像头实现拍照功能

    这篇文章主要介绍了vue调用本地摄像头实现拍照功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • Vue resource三种请求格式和万能测试地址

    Vue resource三种请求格式和万能测试地址

    这篇文章主要介绍了Vue-resource三种请求格式和万能测试地址,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-09-09
  • vue3中使用logicFlow的方法代码示例

    vue3中使用logicFlow的方法代码示例

    在Vue3环境下,使用LogicFlow可实现流程图的绘制,详细步骤包括引入LogicFlow库,注册节点与边,设置主题和渲染数据,还包括使用Map和Menu进行功能扩展和右键编辑,以及通过事件监听实现交互,
    2024-10-10
  • 浅谈Vue.js应用的四种AJAX请求数据模式

    浅谈Vue.js应用的四种AJAX请求数据模式

    本篇文章主要介绍了浅谈Vue.js应用的四种AJAX请求数据模式,本文将详细介绍在Vue应用程序中实现AJAX的四个方法,有兴趣的可以了解一下
    2017-08-08
  • 解决vue 表格table列求和的问题

    解决vue 表格table列求和的问题

    今天小编就为大家分享一篇解决vue 表格table列求和的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • Vue项目中引入ECharts的教程详解

    Vue项目中引入ECharts的教程详解

    ECharts是一个强大的画图插件,在vue项目中,我们常常可以引用Echarts来完成完成一些图表的绘制,本文就来和大家介绍一下如何在Vue项目中引入ECharts吧
    2023-03-03
  • vue2.0 使用element-ui里的upload组件实现图片预览效果方法

    vue2.0 使用element-ui里的upload组件实现图片预览效果方法

    今天小编就为大家分享一篇vue2.0 使用element-ui里的upload组件实现图片预览效果方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09

最新评论