如何使用Vue实现字符串截取功能？

本文共计566个文字，预计阅读时间需要3分钟。

在服务器端有多种方法来截取字符串或对字符串进行操作，同样前端也有相应的方法。例如，有一个数据结构为ipaddr + data() { return { ipaddr: 192.168.100.110 }; }，现在需要将其切割成数组，得到192.168.100.110。

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

有一个data数据为ipaddr

data() { return { ipaddr: "192.168.100.110", }; },

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

computed：{ ipaddrArray：function(){ return this.ipaddr.split('.') } }

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

<template> <ul> <li v-for="item in ipaddrArray" :key="item">{{item}}</li> </ul> </template>

展示的结果如下

2、替换字符。