uniapp 搜索列表关键字高亮

效果图

##关键代码实现

<template>
	<view>
	   <view class="box pd-com">
		   <view class="item" v-for="(item,index) in list" :key="index">
		   	  <text v-for="(v,i) in item.name.split('')" :key="i" :style="setColor(v)">
		   	  		{{v}}
		   	  </text>
		   </view>
	   </view>
	</view>
</template>
<script>
	export default{
		data(){
			return{
				keyValue:"哈哈",//关键字
				list:[{name:"哈哈哈不知道"},{name:"你是谁哈哈哈哈哦哦哦哦哦"},{name:"水城县凌芸垣源微型企业养殖农民专业合作社"}],
			}
		},
	  methods:{
	       //改变关键字
			setColor(e){
				if (this.keyValue.indexOf(e) != -1) {
				 return 'color:#007AFF'
				}
			}
		}
	 }
<script>