vue解决两个字和三个字对齐问题

在接收数据的时候经常会出现两个字的名字的名字和三个字的名字，如果不对齐会显得非常难看

所以这个时候就需要格式一下我们的数据，在两个字中间加入一个空格，可以使用过滤器的方法将所有两个字的名字中间加入一个空格。

过滤器

<script>
filters: {nameFormat (value) {if (value.length < 3) { //如果是两个汉字value = value.slice(0, 1) + '　' + value.slice(1) //拆分字符串并加入全角的空格}return value}}
</script>

在数据处理的过程中加入过滤器

<span v-for="(item, i) in val" class="name">{{ item|nameFormat}}</span>

数据

data () {return {mentorshipGrade: mentorshipGrade,mentorshipGroup: {list: {fourthGradeName: ['测试', '测试', '测试'],thirdGradeName: ['测试', '测试据', '测试数', '测试'],secondGradeName: ['测试数', '测试', '测试', '测试'],firstGradeName: ['测试', '测试据', '测试', '测试']},createTime: '2020年5月'}}}

加入过滤器的结果

vue解决两个字和三个字对齐问题相关推荐

网页html怎么调整字样,怎么在css中设置两个字和三个字对齐
怎么在css中设置两个字和三个字对齐发布时间:2021-03-09 15:16:12 来源:亿速云阅读:85 作者:Leah 怎么在css中设置两个字和三个字对齐?针对这个问题,这篇文章详细介绍了 ...
微信小程序——圆形图片image控件、两个字和三个字对齐
一.image控件中显示圆形图片首先来个效果图: 然后我们来看看源码: wxml中: <image class="image_radius" src="../im ...
当输入名字时，两个字与三个字实现宽度对齐(html)
当我们输入名字时,如果有两个字和三个字的,我们可以在两个字的子之间输入空格来实现与三个字宽度对齐,注意输入的空格是全角空格,如: 姓名: 验证码:
两个字与三个字对齐html,css怎么设置两个字和三个字对齐
在css中,可以使用text-align属性来让两个字和三个字对齐:只需要给文本元素设置"text-align: justify;"样式即可,该样式可以实现文本两端对齐效果,让三个 ...
战队口号霸气押韵8字_三个字的公司名字怎么起？
很多人在为公司起名时,比较在意自己的公司名字有几个字?其实在生活中我们不难发现,公司名称几个字的都有,比较普遍的就是两个字.三个字.四个字的公司名称,企二哥今天专门讲讲三个字的公司名字如何起? (一) ...
两个字与三个字对齐html,css三个字如何和两个字对齐？
css三个字如何和两个字对齐?下面本篇文章给大家介绍一种方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 有的时候我们会有这样的需求: 盒子里的文字有四个字的.三个字的.两个字的 ...
两个字与三个字对齐html,最简单的方法实现：两个字的名字与三个字的名字对齐...
两个字的名字怎么自动与三个字的名字对齐不用VBA: 最简单的,选中要对齐的单元格,设置单元格格式,对齐,水平对齐中选择"分散对齐",列宽调整为最适合的列宽别说是与三个字,四个, ...
两个字和三个字一样宽_武汉国庆出行记好三个字
武汉国庆出行 ·国庆黄金周带你一起见证奇迹· 乐在武汉国庆去哪儿玩? 记住:三个字欢乐谷记住[欢乐谷]三个字,你就不会迷路!不算白来. 欢乐谷有啥好? 免费! 国庆期间,欢乐谷面向全 ...
vue.js 两个等号 == 和三个等号 ===的区别
== 用于比较两者是否相等,忽略数据类型. === 用于更严谨的比较,值和值的数据类型都需要同时比较. 例: <!DOCTYPE html> <html lang="en& ...

vue解决两个字和三个字对齐问题

vue解决两个字和三个字对齐问题相关推荐

最新文章

热门文章