vue如何截取字符串

后端拦截字符串或操纵字符串的封装方法很多，前端也有相应的方法。

有一个ipaddr的数据

data(){ return { ipaddr : ' 192 . 168 . 100 . 110 '，}；},1.现在你需要切入一个数组，得到四个ip值，这只能通过计算属性来实现

计算：{ipaddr数组：function(){返回此。ipaddr。拆分('.')}}最后，剪切的字符串可以通过ul显示

模板ul Li v-for=' IP addr数组中的项目' :键='项目' { item } }/Li/ul/模板显示以下结果

2.替换字符。只需修改计算属性中的返回值，如下所示：更改“.”去“-

计算：{ipaddr数组：function(){返回此。ipaddr。替换(/\。/g，'-')}}显示在界面上

模板ul！-Li v-for=' IP addr数组中的项' : key='项“{item}}/Li-/ul {{IP addr数组} }/模板显示以下结果。需要注意的是，如果特殊符号需要用“\”转义，就会出错。

3.截取某个字符，修改计算属性返回this.ipaddr.substr(2，5)

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

查看效果：

4.截取某个字符，修改计算属性，更改为返回this.ipaddr.substring (2，6)

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

查看效果：

以上是vue如何截取字符串，详细解释和集成它们。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！