北京高端网站建设宣传网站运营建设

【日期】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中各个组件的使用方法，勿惯性思维