vuejs数据超出单行显示更多，点击展开剩余数据实例-创新互联

说下我在工作中遇到的这个需求

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、网页空间、营销软件、网站建设、梅江网站维护、网站推广。

1：页面上的菜单选项，选项内容是后台接口返回的数据，现在的需求是当选项的内容超出一行，在这行的右面显示更多，点击更多，显示剩下的选项的内容

看下效果图

这是展开的效果图

下面先看下我的html部分代码

					

						
业务类型:
						

							全部
							{{item.name}}
						
						
			            {{ bussinessType ? '收起' : '更多'}}
			            
	          
					
				

分享名称：vuejs数据超出单行显示更多，点击展开剩余数据实例-创新互联
文章起源：http://cxhlcq.cn/article/cseisj.html