<view class="filter-box">
<view class="filter-type-box" v-for="(item,index) in filterInfos">
<scroll-view :scroll-x="true" style="white-space: nowrap;">
<uni-data-checkbox mode="tag" selectedColor="#ecf5ff" selectedTextColor="#2a8dff" v-model="item.val" :localdata="item.list"></uni-data-checkbox>
</scroll-view>
</view>
</view>
<script lang="ts" setup>
// import { onShow,onReady,ref } from '@dcloudio/uni-app'
import { ref,reactive } from 'vue'
let searchValue = ref(""); //搜索
//。。。省略无用代码
</script>
Web默默
- 发布：2021-09-17 18:02
- 更新：2021-09-17 18:02
- 阅读：2179
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： Alpha
HBuilderX版本号： 3.2.6
手机系统： Android
手机系统版本号： Android 7.0
手机厂商： 模拟器
手机机型： 蓝叠
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
如上，会导致uni的checkbox组件无法显示
如上，会导致uni的checkbox组件无法显示
预期结果：
预期结果：正常显示
需要手动引入组件才可以
<script lang="ts" setup>
// import { onShow,onReady,ref } from '@dcloudio/uni-app'
import uniDataCheckbox from "@/uni_modules/uni-data-checkbox/components/uni-data-checkbox/uni-data-checkbox.vue"
import { ref,reactive } from 'vue'
let searchValue = ref(""); //搜索
//。。。省略无用代码
</script>
预期结果：正常显示
需要手动引入组件才可以
<script lang="ts" setup>
// import { onShow,onReady,ref } from '@dcloudio/uni-app'
import uniDataCheckbox from "@/uni_modules/uni-data-checkbox/components/uni-data-checkbox/uni-data-checkbox.vue"
import { ref,reactive } from 'vue'
let searchValue = ref(""); //搜索
//。。。省略无用代码
</script>
实际结果：
未正常显示
未正常显示
bug描述：
uni-data-checkbox组件是uni_modules版本的。
vue3 app-vue端使用ts的情况下，使用uni-data-checkbox组件会提示Failed to resolve component。
1、如果不使用ts，则不会出现该问题。
2、或者手动引入组件 import uniDataCheckbox from "@/uni_modules/uni-data-checkbox/components/uni-data-checkbox/uni-data-checkbox.vue"
0 个回复