vue添加空格，及view2中写form表单时，在label里添加空格

最新推荐文章于 2024-04-30 23:00:09 发布

原创最新推荐文章于 2024-04-30 23:00:09 发布 · 8.1k 阅读

5 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍在Vue项目中如何在模板中正确添加空格，包括使用HTML实体和字符串拼接的方法，适用于form表单的label中添加空格场景。

1、在vue中添加空格

<template>
<Row>
        <Col span="6">
        <FormItem :label="label_test" :label-width="110">
            {{lentity.people}}
        </FormItem>
        </Col>
</Row>
</template>        
<script>
export default {
  data: function () {
    return {
      label_test: '测' + '\xa0\xa0' + '试' + '\xa0\xa0' + '人:',
    }
</script>

2、view2中写form表单时，在label里添加空格：

<template>
<Row>
        <Col span="6">
        <FormItem label="编  号:" :label-width="110">
            <label slot="label">;编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号:</label>
            {{entity.serialNumber}}
        </FormItem>
        </Col>
</Row>        
</template