uniapp使用 uview组件的u-waterfall，this.$set无效，数据改变视图不变，修改某个item某个属性无效，解决办法

最新推荐文章于 2024-02-28 15:24:34 发布
最新推荐文章于 2024-02-28 15:24:34 发布
阅读量756 收藏 8
点赞数 13
文章标签： uni-app vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51430102/article/details/136043670
版权

环境： vue，uniapp，uview1.x

在页面中使用uview的瀑布流组件 u-waterfall ,如果不修改单个数据的话，是没什么大问题的（目前）， 但是如果需要点赞收藏等等，或者修改详情页后，返回列表页需要同步修改数据，这个时候使用this.$set修改list，无效

最后，还是点开了uview的源码
在这里插入图片描述
他们源码中有个修改单个数据的属性的方法，但是
tm的，就是不放文档，这个好用，但是可能会有别的问题吧，反正就是有方法，但是官方就是不放文档

this.$refs.uWaterfall.modify(id, key, value)

！！！！

zhuà!
关注
  • 13
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uview左滑组件 group-swipe-action-item：修复bug，左滑删除当前行，下一项自动打开左滑删除场景
11-26
修复bug，左滑删除当前行，下一项自动打开左滑删除场景
this.$set用法
Gik99的博客
03-04 925
this.$set用法(解决改变数据,视图驱动未改变的情况)
vue 数据修改，但是视图没有更新
qq_39930070的博客
06-01 1476
vue 数据修改，但是视图没有更新问题原因及解决方案
vue-waterfall2 瀑布流，触底加载更多
最新发布
落花人独立，微雨燕双飞。
02-28 589
这样就可以触底loadmore了。
写项目过程中遇到的问题
mygoes
05-19 1361
项目难点 uniapp: 需求：拖动标签，保存位置。 movable-view 可拖动视图容器 的 change 事件在拖动过程中是一直触发的，如果在 change 事件中对位置进行存储，位置的 top 值会一直在递增（原因不明），导致即使停止了标签的拖动，标签依旧会竖直往下移动。 解决：只在 change 事件中只对位置信息进行记忆，通过另外的（点击/滑动）事件来对位置信息进行存储。 ......
uniapp使用uview组件实现省市区三级联动
06-29
uniapp使用uview组件实现省市区三级联动； 文件下载后，需要在项目中引入uview组件方可使用； 数据附带在文件中
微信小程序实战，基于vue2实现瀑布流
隐风的博客
11-21 3659
瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。
uView的Waterfall 瀑布流，实现单列，加载更多
糜家智の博客
10-16 6050
这是根据uView的Waterfall 瀑布流来更改的，原组件是左右两列，本次更改主要是列表分页展示，结合官方文档以及此文章即可实现 更改为单个数据，原组件是左右 根目录下找到该组件进行更改 uview-ui/components/u-waterfall/u-waterfall.vue 在中间加入自己定义的all <template> <view class="u-waterfall"> <view id="u-left-column" class="u-colu
vue实现瀑布流的方式
lxs19930928的博客
12-01 3779
瀑布流
uni-app 瀑布流
Tianxiaoxixi的博客
02-16 7884
uni-app 瀑布流
手把手写一个uniapp小程序瀑布流组件
searchtext的博客
05-26 2377
使用uniapp实现小程序的瀑布流布局，代码简洁一看就会
uniapp-tailwind-uview-starter:利用uniapp + tailwindcss + uview构建的一套基础模板，可以使用Webstorm或者vscode开发
04-03
uniapp-tailwind-uview-starter 利用uniapp + tailwindcss + uview构建的一套基础模板 背景：之前用uniapp + uview开发了一大一小两个小程序， css方案用的原子风格的，发现用的还是挺爽的，就在想能不能用上tailwindcss ，研究之后发现用Hbuilder创建的自由度比较低，于是选择了用Vue-cli4了Vue-cli4 。 要求： Node.js> 12 项目地址 项目初始化 我选择了预设模板。 我的Webstorm默认使用pnpm包管理，这是第一个坑，启动项目时报错，于是rm -rf node_modules ，重新使用yarn安装依赖，然后npm serve正常启动。 第二个坑是要求Webstorm设置Nodejs v12以上，否则tailwind不会智能提示。 如果是想要启动微信小程序的话，选择dev:mp-w
uniapp uView u-picker组件三级联动Demo
02-12
博客路径：https://lrbbfc.blog.csdn.net/article/details/122903926 - 1、分2个入口：一个添加，一个编辑（编辑涉及到数据回显） - 2、添加的时候，展示的数据是默认的，是上一列第一行数据的详情（所有的年级（第一列），一年级对应的班（第二列），一班对应的学生（第三列）） - 3、编辑的时候，第一列数据不变（得高亮对应的行）；第二列的数据就是第一列高亮的行的详情（也需要高亮对应的行）；第三列的数据就是第二列高亮的行的详情（也需要高亮对应的行） - 4、点击 `请选择` 行，弹出选择框 - 5、change第一列时：第二列的数据为第一列高亮选项的详情；并把第三列的数据改变为第二列第一行的数据详情 - 6、change第二列时：第三列的数据为第二列高亮选项的详情 - 7、选择数据之后把数据赋值给`input`框显示 并关闭框
uniapp里面使用uview-ui框架
05-14
uniapp里面使用uview-ui框架
vue中 this.$set的用法详解
10-16
主要介绍了vue中 this.$set的用法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
iOS常用的第三方库
田风有的博客
05-16 6788
下拉刷新 EGOTableViewPullRefresh– 最早的下拉刷新控件。 SVPullToRefresh– 下拉刷新控件。 MJRefresh– 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。 （国人写） XHRefreshControl– XHRe
vue3+uni-app 瀑布流
m0_72777472的博客
08-29 347
哈喽大家好，能和大家见面啦，我依旧是那个可爱的秃头小兄弟。今天又周二了啊，划水人的一天，开心。话不多说哈，直接搂代码。
vue-waterfall2瀑布流插件是项目使用
m18565890306的博客
02-19 3208
vue的瀑布流插件很多，很多又兼容问题或则跟自己项目不符合；废话不多说上代码 npm i vue-waterfall2 main,js引入 import waterfall from ‘vue-waterfall2’ Vue.use(waterfall) 使用了xxx.vue页面 width和gutterWidth必须一起使用 页面不能使用scope created的时候调下面两给方...
uniapp 使用uview u-navbar
05-10
如果你想在 uniapp 中使用 uview 中的 u-navbar 组件，可以按照以下步骤进行操作： 1. 首先，你需要在 uniapp 项目中引入 uview 组件库，方法可以参考官方文档：https://www.uviewui.com/guide/quickstart.html#%e5%bc%95%e5%85%a5%e7%bb%84%e4%bb%b6%e5%ba%93。 2. 接下来，在需要使用 u-navbar 的页面中，你需要在页面的 json 文件中，将 u-navbar 组件注册为自定义组件，方法如下： ``` { "usingComponents": { "u-navbar": "uview-ui/components/u-navbar/u-navbar" } } ``` 3. 在页面的 wxml 文件中，你可以像使用其他组件一样，使用 u-navbar 组件了，如下所示： ``` <u-navbar title="首页"> <!-- 这里可以放 u-navbar 的 slot 内容 --> </u-navbar> ``` 4. u-navbar 组件还有很多可选的属性，可以根据实际需求进行配置，具体可参考官方文档：https://www.uviewui.com/components/navbar.html。 以上就是在 uniapp 中使用 uview 的 u-navbar 组件的基本步骤。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值