uni-app:标签中对数据进行判断，看数据前中后是否含有需要的字符startsWith()，endsWith()，includes()

效果图 

 

核心代码

判断数据是否存在并且此数据是否以‘-’开头

<image v-if="line && line.startsWith('-')" :src="img1" alt="">image>

判断数据是否存在并且此数据是不是以‘ing’结尾

<image v-if="line && line.endsWith('ing')" :src="img2" alt="">image>

判断数据是否存在并且此数据是不是含有‘abc’

<image v-if="line && line.includes('abc')" :src="img3" alt="">image>

完整代码

<template>
  <view>
    <image v-if="line && line.startsWith('-')" :src="img1" alt="">image>
	<image v-if="line && line.endsWith('ing')" :src="img2" alt="">image>
	<image v-if="line && line.includes('abc')" :src="img3" alt="">image>
  view>
template>
 
<script>
export default {
  data() {
    return {
	  line:'-abc1234ing',
	  img1: getApp().globalData.icon + 'index/exit.png',
	  img2: getApp().globalData.icon + 'index/edit.png',
	  img3: getApp().globalData.icon + 'index/live_repair.png',
    };
  }
};
script>
<style>
	image{
		width:50px;
		height:50px;
	}
style>