vue截取字符串方法

Vue提供了多种方法来截取字符串，以下是其中常用的几种方法：

1. 使用JavaScript的substr()方法：

```

let str = 'Hello

world!';

let result = str.substr(0

5); // 截取从索引0开始的5个字符

console.log(result); // 输出：Hello

```

2. 使用JavaScript的slice()方法：

```

let str = 'Hello

world!';

let result = str.slice(0

5); // 截取从索引0开始到索引5（不包括索引5）之间的字符

console.log(result); // 输出：Hello

```

3. 使用ES6的字符串模板语法和字符串的slice()方法：

```

let str = 'Hello

world!';

let result = `${str.slice(0

5)}`; // 截取从索引0开始的5个字符

console.log(result); // 输出：Hello

```

4. 使用Vue的过滤器：

在Vue中，我们可以通过自定义过滤器来截取字符串。首先，在Vue的实例中定义一个过滤器函数：

```

filters: {

truncate(value

length) {

if (value.length > length) {

return value.slice(0

length) + '...';

}

return value;

}

}

```

然后，在模板中使用该过滤器来截取字符串：

```

{{ str | truncate(5) }}

```

其中，str是要截取的字符串，5是截取的长度。

需要注意的是，自定义过滤器只能用于单向数据绑定，即只能在模板中显示截取后的字符串，不能用于双向数据绑定。

以上是常用的几种截取字符串的方法，根据实际需求选择合适的方法进行截取。