s***@163.com
s***@163.com
  • 发布:2023-09-07 17:05
  • 更新:2023-09-07 17:49
  • 阅读:231

【报Bug】同样的代码组件,输出结果不一样

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

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

第三方开发者工具版本号: vscode

基础库版本号: "vue": "^3.2.45"

项目创建方式: CLI

CLI版本号: 3.0.0-3080720230703001

示例代码:
<template>  
    <page-head title="请选择店铺状态" />  
    <view class="loginform">  
        <uni-forms ref="baseForm" :modelValue="baseData" :rules="rules" :border="true" label-position="top">  
            <uni-forms-item label="店铺名称" required name="shopName">  
                <uni-easyinput trim="all" v-model="baseData.shopName" placeholder="请输入店铺名称" :clearable="false" />  
            </uni-forms-item>  
            <uni-forms-item label="联系人" required name="contact">  
                <uni-easyinput trim="all" v-model="baseData.contact" placeholder="请输入联系人" :clearable="false" />  
            </uni-forms-item>  
            <uni-forms-item label="联系电话" required name="phone">  
                <uni-easyinput trim="all" v-model="baseData.phone" placeholder="请输入联系电话" :clearable="false" />  
            </uni-forms-item>  
            <uni-forms-item label="支付码" required name="payCode">  
                <uni-easyinput trim="all" v-model="baseData.payCode" placeholder="请输入支付码" :clearable="false" />  
            </uni-forms-item>  
            <uni-forms-item label="店铺版本" required name="versions">  
                <!-- <picker-modal /> -->  
                <page-head title="请选择店铺状态" />  
            </uni-forms-item>  
            <uni-forms-item label="店铺状态" required name="status">  
                <!-- <picker-modal /> -->  
                <picker :value="status.value" @change="handleChangeStatus" :range="statusArr" range-key="label">  
                    <view class="ipt" :class="{ active: status.label }">{{ status.label || '请选择店铺状态' }}</view>  
                </picker>  
            </uni-forms-item>  
            <uni-forms-item label="店铺类型" required name="chainFlag">  
                <!-- <picker-modal /> -->  
                <!-- <picker-modal :value="baseData.chainFlag" :options="chainFlagArr" placeholder="请选择店铺类型" /> -->  
            </uni-forms-item>  
            <uni-forms-item label="首页图" required name="indexPics">  
                <uni-file-picker  
                    v-model="baseData.indexPics"  
                    file-mediatype="image"  
                    file-extname="png,jpg"  
                    limit="9"  
                    @success="success"  
                    @select="select"  
                ></uni-file-picker>  
            </uni-forms-item>  
            <button :loading="isLoading" :disabled="isLoading" class="btn" type="primary" @click="handleSubmit">  
                提交2  
            </button>  
        </uni-forms>  
    </view>  
</template>  
<script setup lang="ts">  
import { ref, reactive, computed, onMounted } from 'vue'  
import { useMutation, useQueryClient } from '@tanstack/vue-query'  
import { add, update } from '@/servers/shop/cashier'  
import { rules } from './rules'  
import { statusArr, chainFlagArr } from './config'  

const array = [  
    {  
        value: 0,  
        label: '普通版',  
    },  
    {  
        value: 1,  
        label: '加油站升级版',  
    },  
]  

const props = defineProps(['data'])

操作步骤:

预期结果:

实际结果:

bug描述:

我有两个一模一样的组件page-head和page-head2,page-head可以正常渲染,page-head2无法正常渲染,查看了编译结果如下

2023-09-07 17:05 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

能提供demo出来吗?方便查找问题

该问题目前已经被锁定, 无法添加新回复