微信小程序之添加文章功能

新建两个页面用来展示数据和添加数据
在展示数据的页面写下代码

<view>列表</view>
<view wx:for="{{list}}" wx:key="*this">
{{item}}
</view>
<button bind:tap="write">写文章</button>

在js文件中添加 list 数组用来存放数据

  data: {list : []},

用 from 表单来提交数据

<form bindsubmit="submitEvent"><textarea name="content" placeholder="请输入内容"></textarea><button form-type="submit" >提交</button>
</form>

在js文件中实现功能

  submitEvent(event){// console.log(event)
// 获取当前输入框的内容let value = event.detail.value.content;// 获取前一个页面// getCurrentPages()// console.log(getCurrentPages())let pages = getCurrentPages()// 获取前一个页面的list数组let lists = pages[0].data.list;// 将数据添加到新数组listslists.push(value)// console.log(list)pages[0].setData({// 更新listlist : lists,// value : list})// 返回上一个页面wx.navigateBack({})},

微信小程序之添加文章功能相关推荐

微信小程序全局添加分享功能
在app.js中重新分享方法 App({onLaunch() {this.overShare();},//重写分享方法overShare: function () {//监听路由切换//间接实现全局设 ...
微信在线客服 php,微信小程序中添加联系在线客服功能
这次给大家带来微信小程序中添加联系在线客服功能,微信小程序中添加联系在线客服功能的注意事项有哪些,下面就是实战案例,一起来看一下. 1. 普通客服按钮添加客服-联系我们 2. 悬浮客服按钮添加,图片自 ...
获取微信通讯录php,微信小程序实现添加手机联系人功能实现方法
本文主要介绍了微信小程序实现添加手机联系人功能,结合实例形式分析了微信小程序添加联系人的具体步骤,包括布局与逻辑实现技巧,需要的朋友可以参考下,希望能帮助到大家. 本文实例讲述了微信小程序实现添加手机 ...
微信小程序可以实现很多功能
微信小程序可以实现很多功能,今天就教大家如何利用小程序插件来实现这些功能: 1.直播你可以在「上线了」选择一个电商(或超级云名片-电商版)小程序模板,在"应用中心"里添加小程序 ...
微信聊天自动解析html文本,微信小程序纯文本实现@功能
前言大家肯定对@功能不陌生,在如今的各大社交软件中它是一种不可或缺的功能.实现@人的功能并不复杂,只需将@人员的id传给后端,后端下发通知即可.主要的复杂点在于一键删除功能与变色功能,web端可以使 ...
微信小程序实现身份证识别功能
微信小程序实现身份证识别功能 1,首先登录小程序公众平台 2,进入设置第三方设置 3,添加ocr插件 4,添加完成后 ,需要领取免费额度,是一天100次; 链接然后就是代码编写部分首先在app. ...
【微信小程序开发•系列文章一】入门
本系统文章主要有以下几篇: <[微信小程序开发•系列文章一]入门> <[微信小程序开发•系列文章二]视图层> <[微信小程序开发•系列文章三]数据层> <[微 ...
小程序服务器换肤,微信小程序实现换肤功能
pc或者移动端实现换肤功能还是比较简单的,大致就是需要换肤的css,还有正常的css:把当前皮肤类型存入本地:然后通过js读取并判断当前应该加载哪套css. 由于微信小程序没有操作wxss的api,所 ...
nodejs android 推送,利用Nodejs怎么实现一个微信小程序消息推送功能
利用Nodejs怎么实现一个微信小程序消息推送功能发布时间:2021-01-20 13:55:29 来源:亿速云阅读:92 作者:Leah 今天就跟大家聊聊有关利用Nodejs怎么实现一个微信小程 ...

微信小程序之添加文章功能

微信小程序之添加文章功能相关推荐

最新文章

热门文章