【原创纯手打】如何使用Vue写微信朋友圈中的留言回复功能(附源码)
简单的留言板懂的都懂,问题是如何添加留言功能
当我们添加写的内容存储到数组,然后将其遍历出来,在外部渲染时,再次遍历item.children,然后对其添加新的页面渲染
绑定回复键,在store.js中写下
hf(state, obj) {//判断是否有children属性,如果有直接追加,如果没有就添加children数组if (state.list[obj.index].hasOwnProperty('children')) {state.list[obj.index]['children'].push(obj);} else {state.list[obj.index]['children'] = [];state.list[obj.index]['children'].push(obj);}},
hasOwnProperty表示是否有自己的属性。这个方法会查找一个对象是否有某个属性,如果是,返回true,否者false,但是不会去查找它的原型链
hasOwnProperty() 方法是 Object 的原型方法(也称实例方法),它定义在 Object.prototype 对象之上,所有 Object 的实例对象都会继承 hasOwnProperty() 方法
在页面上回复需要传递下标或者时间,都彳亍
repy(index) {let obj = {username: this.user.username,title: this.title,time: new Date().toLocaleString(),index: index,};this.hf(obj);this.title = "";},
传递到store.js执行
建议添加vue-persist本地存储插件配合使用美滋滋,用过都说好
cnpm i vuex-persist --save
然后把store.js中换成
import { createStore } from "vuex";
import VuexPersist from "vuex-persist";
const vuexLocal = new VuexPersist({storage:window.localStorage,
})
export default createStore({state:{},mutations:{},getters:{},plugins:[vuexLocal.plugin],
})
【原创纯手打】如何使用Vue写微信朋友圈中的留言回复功能(附源码)相关推荐
- 微信朋友圈公众号装B神器网站源码+可用于引流
正文: 微信公众号装逼神器生成引流源码(类似于网上装X神器APP一样) 这套源码可以对接微信公众号,给公众号引流也是个不错的选择 可以正常使用. 程序: wwpeg.lanzouw.com/iJyff ...
- 怎么在微信朋友圈中发布长视频,不妨来看看,怎样将长视频发布到朋友圈
如今我们大家在平日的生活中或者是工作中都会用到的社交软件微信,对于这款软件它可以让我们很便捷的在上面进行聊天还可以在朋友圈上面发布一些说说文章.视频来记录生活.那么对于在朋友圈中发布视频,微信朋友圈中 ...
- java计算机毕业设计ssm基于Vue的校园电脑租赁系统设计与开发19xy6(附源码、数据库)
java计算机毕业设计ssm基于Vue的校园电脑租赁系统设计与开发19xy6(附源码.数据库) 项目运行 环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(We ...
- 通过自定义组件学习Vue系列(二)【时间轴】(附源码)
需求: 用于升级日志的显示 效果图: 实现原理: 主要区域分为两块,时间区和内容区,时间区是画一个圆点和显示一个时间,内容区左边一个竖线和文字显示 然后做一下循环,将每个日期的数据显示出来 布局采用f ...
- Java微信公众号发送消息-保姆级教程附源码
目录 1. 概念说明: 2. 开发准备: 3. 测试demo(更改配置信息即可使用) 3.1. 服务器配置 3.1.1.配置填写说明 3.1.2.校验服务器有效性: 3.1.3.URL后端接口代码和校 ...
- 大家一起看广告?微信朋友圈广告@好友评论互动功能全量开放
4月9日,微信官方宣布,4月8日起,朋友圈广告@好友评论互动功能全量开放.用户收到朋友圈广告后,可以跟点赞.评论一样,在广告的评论区@好友与其进行互动. 微信方面表示,@好友评论互动能力全量开放,使朋 ...
- java在微信朋友圈中植入广告_微信朋友圈广告植入怎么做
真正的朋友圈广告是显示在微信用户看朋友圈的时候掺杂在内的广告.朋友圈广告容易让人接受,不至于像传统广告那样让人反感,这类广告有一些精准属性.可以按地区锁定,最小精准到附近500米,按年龄性别筛选,也可 ...
- java在微信朋友圈中植入广告_如何看待微信朋友圈硬广植入?
这是朋友圈广告,腾讯广告团队从2016年2月就宣布正式自助投放了. 你能在朋友圈看到这种汽车广告,说明你的生活水平还算不错!毕竟腾讯这个比你亲妈都了解你的朋友圈定向精准广告,不是你想看什么广告就能让你 ...
- 特别好用的Vue富文本编辑器wangEditor自己使用案例组件,附源码,直接使用
前言:已组件化,引入即可使用,包含本地图片上传可拖拽大小.效果图如下:附源码 1.首先老规矩,引入下面两个包 npm i @wangeditor/editor --save npm i @wanged ...
最新文章
- 笔记-信息化与系统集成技术-区块链的特征
- 编程语言“铁三角”,JavaScript 力压 Java和Python
- Oracle_spatial的函数介绍
- 网络编程之信号(处理僵尸进程的终极办法)之初识信号捕捉器
- Java内存模型JMM简单分析
- (转)霍华德·马克斯:警惕那些人人都追捧的事物
- Linux下载Java包,Linux环境Java包的安装和环境配置
- Teclast X80h安装linux,安装android-x86教程。(没法再贴吧发表,只有百度网盘在线阅读...
- gradle教程_Gradle教程
- 机器人操作系统入门(一)ROS简介
- python输入一个数字n、计算1到n的和_怎么用python求1到n所有整数的和
- 梦幻西游手游最多人的服务器,梦幻西游手游哪个区人多及区服选择分析
- 大数开根号(蓝桥杯-矩阵翻硬币)
- RTX51tiny 延时长度计算
- 散列表的概念、构造方法及冲突处理
- 【逗老师带你学IT】Kiwi Syslog Server安装和配置教程
- GAN变种ACGAN利用手写数字识别mnist生成手写数字
- wx.requestSubscribeMessage微信小程序订阅消息总结
- 教你多个文件批量重命名
- 千峰JavaDay32课后作业