uni-app BuilderX 代码解析有误

uni-app BuilderX 代码解析有误

开发环境 版本号 项目创建方式
Windows win10 HBuilderX
产品分类:uniapp/App

PC开发环境操作系统:Windows

PC开发环境操作系统版本号:win10

HBuilderX类型:正式

HBuilderX版本号:4.24

手机系统:Android

手机系统版本号:Android 15

手机厂商:华为

手机机型:nova10

页面类型:vue

vue版本:vue3

打包方式:云端

示例代码:
<view v-if="item['showtype']=='img'" class="c-fdrow c-fwrap ">  
    <template v-for="(item2,index2) in item['data']" >    
        <image v-if="item['column'] =='4'" :src="item2['img']"  
            @click="redirect(item2['url'])"  
            style="width: 174rpx;height: 174rpx;padding: 5rpx; border-radius: 10rpx;" >  
        </image>  
        <image v-else :src="item2['img']" @click="redirect(item2['url'])"  
            style="width: 235rpx;height: 235rpx;padding: 10rpx; border-radius: 10rpx;"> </image>  
    </template>   
    <view v-if="item['data'].length==0" class="c-fvhc c-tc c-flex1"  
        style="height: 100rpx;">  
        <image src="/static/emptydata.png" style="width: 200rpx;" mode="aspectFit"> </image>  
    </view>  
</view>  

<view v-else-if="item['showtype']=='title'">  
    <view class="c-fdrow c-fwrap">  
        <text @click="redirect(item2['url'])" class="c-fs14"  
            v-for="(item2,index2) in item['data']" :key="index2"  
            style="width:360rpx;padding-right: 10rpx;height: 50rpx;line-height: 50rpx;">  
            {{item2["title"]}}</text>  
    </view>  
    <view v-if="item['data'].length==0" class="c-fvhc" style="height: 100rpx;">  
        <text class="c-colorDesc c-fs12 c-tc">数据为空,我要抢沙发。。。</text>  
    </view>  
</view>
操作步骤:
每次出现
预期结果:
代码能正常解析
实际结果:
无法正常解析,影响到脚本书写
bug描述:
由于
<template v-for="(item2,index2) in item['data']">   中存在   导致后面代码解析都异常。
连代码注释都成HTML语法注释

更多关于uni-app BuilderX 代码解析有误的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部