【日期】2025-04-21
【问题】
在小程序上u-input后置插槽展示,真机运行安卓机上不展示
【原因】:
原代码:(插槽写法惯性使用#,此处在APP上不兼容该写法)
<u-input v-model="currentScore" placeholder="请输入">
<template #suffix>
<view class="index-input-suffix" @click="changeScore">
<view class="index-input-suffix-divide"></view>
<text>查询</text>
</view>
</template>
<u-input>
【如何修复】:
修正插槽写法为slot
<u-input v-model="currentScore" placeholder="请输入">
<template slot="suffix">
<view class="index-input-suffix" @click="changeScore">
<view class="index-input-suffix-divide"></view>
<text>查询</text>
</view>
</template>
<u-input>
【总结】:
注意uView中各个组件的使用方法,勿惯性思维