vue开发,后台文字数据在前台进行换行

这篇博客讨论了如何在Vue中处理从后台获取的以逗号分隔的文字数据。通过使用`split()`方法,将数据拆分为两行显示在手机端。原始代码展示了一个未处理的`<span>`标签,而改进后的代码引入了`v-if`和`<br>`标签,实现了分隔文字的优雅展示。
摘要由CSDN通过智能技术生成

后台传递过来的文字数据格式为:
XXXX,XXXXX

要求在手机端展现为:
XXXX
XXXXX

因为传递过来的文字存在 “,” 所以可以借助这点使用split()进行更改,没必要使用HTML格式。

1)更改前的写法

<span>
	{{sidebar.hotelAddress}}
</span>

2)更改后的写法

<span v-if="sidebar.hotelAddress">
	{{sidebar.hotelAddress.split(',')[0]}}
	<br>
	{{sidebar.hotelAddress.split(',')[1]}}
</span>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值