判断数据是否存在并且此数据是否以‘-’开头
<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>