描述: qrqwrw 修改为 qrqwrwq;行业: 船舶、汽车 修改为 船舶;学科: 流体、结构声学 修改为 流体;标签: qrwqwrqw 修改为 afsaaf、qrwqwrqw;这样的字符串,怎么按分号切割后换行表示 vue3 ts
时间: 2024-10-19 11:06:55 浏览: 15
要将给定的字符串按照分号切割后换行表示,可以使用JavaScript的`split()`方法将字符串分割成数组,然后使用`join()`方法将数组元素连接成一个新字符串,每个元素之间用换行符分隔。以下是Vue 3和TypeScript的示例代码:
```html
<template>
<div>
{{ formattedString }}
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
data() {
return {
inputString: 'qrqwrw;行业: 船舶、汽车 修改为 船舶;学科: 流体、结构声学 修改为 流体;标签: qrwqwrqw 修改为 afsaaf、qrwqwrqw',
};
},
computed: {
formattedString() {
const parts = this.inputString.split(';');
return parts.join('
');
},
},
});
</script>
```
在这个示例中,我们首先在`data`中定义了一个名为`inputString`的变量,用于存储原始字符串。然后,我们在`computed`属性中定义了一个名为`formattedString`的计算属性,它将`inputString`按照分号切割,并用换行符连接各个部分。最后,我们在模板中使用插值语法`{{ formattedString }}`来显示格式化后的字符串。
阅读全文