uniapp搜索关键字高亮

//显示部分使用rich-text<template><view><view class="list-con"><view v-for="(item,index) in fuzzyAreaArr" :key="index" class="list-item"><rich-text :nodes="item.fuzzystr"></r

Vicky沛沛

1787人浏览 · 2021-04-13 15:57:36

Vicky沛沛 · 2021-04-13 15:57:36 发布

//显示部分使用rich-text
<template>
	<view>
		<view class="list-con">
			<view v-for="(item,index) in fuzzyAreaArr" :key="index" class="list-item">
				<rich-text :nodes="item.fuzzystr"></rich-text>	
			</view>
		</view>
	</view>
</template>	 
</script>

//替换方法
brightKeyword(val,keyword) {
	if (val.indexOf(keyword) !== -1) {
		return val.replace(keyword, `<font style='color: #24BAD1'>${keyword}</font>`);
	} else {
		return val;
	}
}