vue 逗号，分割字符串

lemontree-xy

已于 2023-06-28 22:35:49 修改

阅读量2.3k

点赞数 1

文章标签： vue.js javascript 前端

于 2023-06-28 22:30:23 首次发布

本文链接：https://blog.csdn.net/weixin_43337481/article/details/131446177

版权

该代码示例展示了在Vue.js应用中，如何在模板中使用v-for指令遍历一个由逗号分隔的字符串，并将其转换为数组进行显示。在onLoad生命周期钩子中调用split方法，将字符串分割成数组并赋值给data属性。

摘要由CSDN通过智能技术生成

<template>
	<view>
		<view v-for="item in strArr">
			{{item}}
		</view>
	</view>
</template>
 
<script>
	export default {
		data(){
			return {
				strArr :[]
			}
		},
		onLoad() {
			this.split()
		},
		methods: {
			split(){
				let str = "aa,bb"
				const strArr = str.split(',')
				console.log(strArr)
				this.strArr = strArr
			}
		}
	}
</script>