vue怎么截取字符串逗号
时间: 2023-09-07 10:17:56 浏览: 110
结合Vue控制字符和字节的显示个数的示例
你可以使用 JavaScript 的 split() 方法将字符串按照逗号分割成一个数组,然后取出数组的第一个元素即可。以下是一个示例代码:
```javascript
let str = "apple,banana,orange";
let arr = str.split(",");
let first = arr[0];
console.log(first); // 输出 "apple"
```
在 Vue 中,你可以在模板中使用 JavaScript 表达式来调用上述代码:
```html
<template>
<div>
<p>{{ getFirstItem("apple,banana,orange") }}</p>
</div>
</template>
<script>
export default {
methods: {
getFirstItem(str) {
let arr = str.split(",");
return arr[0];
},
},
};
</script>
```
这样,页面上就会显示 "apple"。
阅读全文