Vue.js 中如何保留 `u-cell` 组件标题中的空格
在 Vue.js 的 `u-cell` 组件中,我们希望在标题中保留空格,可以使用模板字符串的方式将字符串拼接至 `title` 属性中。
例如,我们想在 `u-cell` 组件的标题中显示“会员姓名: 雷电将军”,中间保留多个空格,可以使用以下代码:
<u-cell :title="`会员姓名: ${cardInfo.username}`" v-if="cardInfo.username"></u-cell>
其中,`cardInfo.username` 表示会员姓名,` ` 表示多个空格。使用模板字符串,我们可以将字符串拼接起来,并保留其中的空格。这样渲染出来的内容就是 `会员姓名: 雷电将军`,中间保留了多个空格。
原文地址: https://www.cveoy.top/t/topic/qnP9 著作权归作者所有。请勿转载和采集!