<template>
<view class="content">
<component :is="listIs" column-count="2">
<cell v-for="(item, index) in list" :key="index">
<view style="height: 80rpx;display: flex;justify-content: center;align-items: center;">
{{ item }}
</view>
</cell>
</component>
</view>
</template>
<script>
export default {
data() {
return {
listIs: "waterfall",
list: [1, 2, 3, 4, 5, 6, 7 ,8, 9, 10]
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
</style>
照相
- 发布：2023-04-26 10:51
- 更新：2024-03-01 11:52
- 阅读：949
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.6
HBuilderX类型： 正式
HBuilderX版本号： 3.7.10
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： iPhone 14 Pro
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
运行示例项目，默认选择的是vue3，运行在手机中，显示的是普通的list而非waterfall；
将环境改为vue2运行在手机中，显示的是左右排列2列的waterfall
运行示例项目，默认选择的是vue3，运行在手机中，显示的是普通的list而非waterfall；
将环境改为vue2运行在手机中，显示的是左右排列2列的waterfall
预期结果：
在nvue+vue3中，也应当是显示为左右排列2列的waterfall运行实例项目
在nvue+vue3中，也应当是显示为左右排列2列的waterfall运行实例项目
实际结果：
运行示例项目，默认选择的是vue3，运行在手机中，显示的是普通的list而非waterfall
运行示例项目，默认选择的是vue3，运行在手机中，显示的是普通的list而非waterfall
bug描述：
在nvue+vue3中，通过:is设置waterfall无效，显示为普通list，在nvue+vue2中正常
Vue 3 的动态组件在nvue中的支持仍然存在一些限制。这可能导致在使用 :is 设置 waterfall 组件时出现问题。
虽然我无法提供针对最新版本的nvue和Vue 3的详细指导，但我可以提供一些可能帮助解决问题的常见步骤：
确保你的Vue 3版本和nvue版本都是最新的。通过更新软件版本，你可以获得对新功能和修复程序的访问权限。
检查文档和社区资源。查看nvue和Vue 3的官方文档，以了解是否存在已知问题或已解决的问题。你还可以参考Vue论坛或GitHub上的问题跟踪器，寻找与动态组件相关的问题和解决方案。
确保正确导入了 waterfall 组件。在Vue 3中，组件的导入方式可能有所不同。确保你正确导入了 waterfall 组件，并在组件注册或使用时使用正确的语法。
尝试使用其他动态组件语法。除了 :is，Vue 3还提供了其他一些动态组件语法，如 v:is。尝试使用其他语法来设置 waterfall 组件，看看是否能够解决问题。
如果你仍然无法解决问题，我建议你向Vue社区提问，或者查阅最新的nvue和Vue 3文档，以获取更多帮助和支持。请记住，由于我对最新版本的nvue和Vue 3不熟悉，因此无法提供具体的代码或语法解决方案。
Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群：120594820，代表作灵感实用工具小程序
上面是chatgpt的回复
照相 (作者)
这个问题有解决方案吗
-
我把你组件里:is="finalNvueListIs"的component 直接替换成了waterfall，不知道可行性高不高，我看waterfall是继承于list的
2023-12-25 18:28
-
-
-
-
