hbuilderx使用vue3+ts中html v-for出现红色波浪号

<template>  
  <view class="order_detail">  
      <view class="order_top">  
        <view class="my_address">  
            {{ address }} <text class="iconfont icon-zuji"></text>  
        </view>  
        <view class="draw_mode">  
            <!-- <text class="">自提</text><text>外送</text> -->  
                <text v-for="(item, index) in drawDome" :key="item.id" :class="index === drawIndex ? 'active' : ''">{{ item.label }}</text>  
        </view>  
      </view>  

  </view>  
</template>  

<script lang="ts" setup>  
import { ref, reactive, Ref, onMounted, defineEmits, defineExpose, defineProps, PropType } from "vue";  
import { onLoad } from "@dcloudio/uni-app";  

interface draw {  
    label?: string;  
    id?: number;  
}  
const drawDome = ref<draw[]>([{label: "自提", id: 1}, {label: "外送", id: 2}]);  
const drawIndex = ref(0);  
const address = ref("");  
</script>  

<style lang="scss" scoped>  

</style>