溢出显示省略号、uni-app动态设置导航栏搜索框内容

最新推荐文章于 2024-08-12 15:37:36 发布

webopenfather

最新推荐文章于 2024-08-12 15:37:36 发布

阅读量518

点赞数 1

分类专栏： js原生操作

本文链接：https://blog.csdn.net/qq_42714690/article/details/105491119

版权

js原生操作专栏收录该内容

2 篇文章 0 订阅

订阅专栏

溢出显示省略号

     overflow: hidden;
	word-break: break-all;  /* break-all(允许在单词内换行。) */
	text-overflow: ellipsis;  /* 超出部分省略号 */
	display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1; /** 显示的行数 **/

动态设置导航栏搜索框内容

// 
const setNavSearchInput=(keyword)=>{
	// #ifdef APP-PLUS
	let webView = this.$mp.page.$getAppWebview();
	webView.setTitleNViewSearchInputText(keyword);
	// #endif
	// #ifdef H5
	let inputSearch=document.querySelector('.uni-input-input[type=search]');
	var evt = new InputEvent('input', {
		inputType: 'insertText',
		data: keyword,
		dataTransfer: null,
		isComposing: false
	});
	if(inputSearch){
		inputSearch.value = keyword;
		inputSearch.dispatchEvent(evt);
	}
	// #endif
}