weixin_43824675的博客

/* 兼容iPhoneX */ padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);

今天处理一个搜索结果的数据中，关键字需要高亮显示。例如： 搜索关键字“查找”接口返回的数据为“查找到书本”把“查找到书本”中的查找替换成<span style="color:red;"></span>// 假如对应的字段是text如果我们在vue中是<div>{{text}}</div>这样写的话 那么显示的就是==><span style="color:red;">查找</span>到书本如果要让

/* 兼容iPhoneX */ margin-bottom: 0; margin-bottom: constant(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom);

css 添加 vertical-align: top;

一、div内显示一行，超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、div内显示四行，超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;（行数）-webkit-box-orient: vertical;...

给它的父级元素添加position:fixedbody{height: 100%;overflow: hidden;width: 100%;position: fixed;}

总结一下vue的一些指令1.v-text: 把内容已文本形式展现,偏向于文本的2.v-html: v-text是把所有的都以文本的形式展现,而v-html能够解析里面的标签3.v-cloak: 这个指令是用来保持在元素上直到关联实例结束时进行编译(通常我们的数据都是以{{}}的形式渲染出来的,那么这样的渲染与v-html和v-text有什么区别呢?在网络不好的情况下,我们用{{}}的形式渲染会出现闪现{{}},再出现数据,所以将这个指令放在要渲染的标签的父元素上就可以,还要记得写样式di