vue截取一个字符串_vue如何截取字符串

在后端有许多的封装方法来截取字符串或者对字符串的操作，同样前端也有相应的方法。

有一个data数据为ipaddr

data() {

return {

ipaddr: "192.168.100.110",

};

1、现在需要切割成一个数组，得到四个ip值,只需要通过计算属性就可以实现

computed：{

ipaddrArray：function(){

return this.ipaddr.split('.')

}

最终通过ul可以展现切割的字符串

{{item}}

展示的结果如下

2、替换字符。只需要将计算属性中的return值修改即可,如下，将 ‘.' 修改成 '-‘

computed：{

ipaddrArray：function(){

return this.ipaddr.replace(/\./g,'-')

}

在界面展示

展示结果如下，需要注意的是如果是特殊符号要添加 “\"转义，否者会出错。

3、截取某一段字符，同样修改计算属性，改成return this.ipaddr.substr(2,5)

意思为从第二个字符开始(应该说是第三个，因为在数组中以0开始)，截取长度为5的一串字符。

视图效果：

4、截取某一段字符，修改计算属性，改成return this.ipaddr.substring(2,6)

意思为从第二个字符开始(应该说是第三个，因为在数组中以0开始)到第六个字符结束。

视图效果：

以上所述是小编给大家介绍的vue如何截取字符串详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

本文标题: vue如何截取字符串

本文地址: http://www.cppcns.com/wangluo/javascript/258443.html

vue截取一个字符串_vue如何截取字符串相关推荐

OC字符串分割，截取，转换，拼接
本篇文章主要阐述IOS字符串分割,截取,转换,拼接的一些逻辑,看是否含有分割符,主要介绍了两种方式,一种没有任何分割符的数据,一个带有分割符的数据. 一:首先,这里是没有分割符的一串数据,比如底层传递 ...
Lua截取utf-8编码的中英文混合字符串
参考博客:UTF8字符串在lua的截取和字数统计[转载] 需求按字面个数来截取子字符串函数(字符串, 开始位置, 截取长度)utf8sub("你好1世界哈哈",2,5) = 好 ...
Python字符串方法：字符串拼接、截取、转数字
这节课程我们主要讲有关Python字符串的用法,包括字符串的拼接.字符串怎么转数字.字符串的格式化.字符串函数等内容. 1.Python字符串的拼接拼接方式很简单-我们可以用"+" ...
jq 截取指定字符前_Python中字符串的切片
切片方法适用于字符串,列表,元组切片使用索引值来限定范围,从一个大的字符串中切出小的字符串. 列表和元组都是有序的集合,都能够通过索引值获取到对应的数据字典是一个无序的集合,是使用键值对保存数据 ...
mysql截取栏目字符_substring从指定字符串开始截取（图）
substring从指定字符串开始截取(图) 08-22栏目:技术 TAG:截取字符串截取字符串 String filename=F:\workspace\ssh_photo\Webcontent\ ...
python字符串截取拼接_Python字符串拼接、截取及替换方法总结分析
本文实例讲述了Python字符串拼接.截取及替换方法.分享给大家供大家参考,具体如下: python字符串连接 python字符串连接有几种方法,我开始用的第一个方法效率是最低的,后来看了书以后就用了 ...
c#截取字符串指定符号,在.NET中，C＃字符串是可截取的，可从指定位置截取，也可指定数量...
C#核心开发-第16单元-字符串-第2节:截取字符串 C#核心开发-截取字符串 1. 什么是截取字符串? 截取字符串是指在一个比较长的字符串中截取一部分有用.有意义的子字符串. 在C#中,可以使用Su ...
BAT批处理中的字符串处理详解(字符串截取)
BAT批处理中的字符串处理详解(字符串截取批处理有着具有非常强大的字符串处理能力,其功能绝不低于C语言里面的字符串函数集.批处理中可实现的字符串处理功能有:截取字符串内容.替换字符串特定字段.合并字 ...
c字符串截取一部分字符串_Python如何截取一段字符串？
如果想截取字符串中的一段字符就需要用到切片. 切片方法适用于字符串.列表.元组 ·切片使用索引值来限定范围,从一个大的字符串中切出小的字符串: ·列表和元组都是有序的集合,都能够通过索引值获取到对应的 ...

vue截取一个字符串_vue如何截取字符串

vue截取一个字符串_vue如何截取字符串相关推荐

最新文章

热门文章