在后端有許多的封裝方法來截取字符串或者對(duì)字符串的操作，同樣前端也有相應(yīng)的方法。

有一個(gè)data數(shù)據(jù)為ipaddr

data() {

return {

ipaddr: "192.168.100.110",

};

},

1、現(xiàn)在需要切割成一個(gè)數(shù)組，得到四個(gè)ip值,只需要通過計(jì)算屬性就可以實(shí)現(xiàn)

computed：{

ipaddrArray：function(){

return this.ipaddr.split('.')

}

}

最終通過ul可以展現(xiàn)切割的字符串

• {{item}}

展示的結(jié)果如下

2、替換字符。只需要將計(jì)算屬性中的return值修改即可,如下，將 ‘.' 修改成 '-‘

computed：{

ipaddrArray：function(){

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

}

}

在界面展示

{{ipaddrArray}}

展示結(jié)果如下，需要注意的是如果是特殊符號(hào)要添加 “\"轉(zhuǎn)義，否者會(huì)出錯(cuò)。

3、截取某一段字符，同樣修改計(jì)算屬性，改成return this.ipaddr.substr(2,5)

意思為從第二個(gè)字符開始(應(yīng)該說是第三個(gè)，因?yàn)樵跀?shù)組中以0開始)，截取長度為5的一串字符。

視圖效果：

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

意思為從第二個(gè)字符開始(應(yīng)該說是第三個(gè)，因?yàn)樵跀?shù)組中以0開始)到第六個(gè)字符結(jié)束。

視圖效果：

以上所述是小編給大家介紹的vue如何截取字符串詳解整合，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)我們網(wǎng)站的支持！

本文標(biāo)題: vue如何截取字符串

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

總結(jié)

以上是生活随笔為你收集整理的vue截取一个字符串_vue如何截取字符串的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。