小程序?qū)崿F(xiàn)發(fā)表評論功能
本文實(shí)例為大家分享了小程序?qū)崿F(xiàn)發(fā)表評論功能的具體代碼,供大家參考,具體內(nèi)容如下

1.點(diǎn)擊發(fā)表按鈕 判斷內(nèi)容是否為空 如果為空提示請輸入內(nèi)容

2.如果內(nèi)容不為空 將評論框里輸入的內(nèi)容的值傳入評論列表
<view wx:for="{{release}}" class='shoppcall comment' data-id="{{item.id }}">
<button class='revoke' bindtap='binddelete' data-id='{{index}}'>撤銷</button>
<view class='publish'>
<image src='https://storage.confolsc.com/storage/image/9f37e8a1fadc7ee20964dd6de7edeb4dbb4b03a1?size=130,130&t=1&redirect=1'></image>
<view class='publish_list'>
<text class='publish_list_item'>{{item.name}}</text>
<view class='like'>
<text class='publish_time'>{{item.time}}</text>
<view class='like_num_list' bindtap='bindlike' data-id='{{index}}'>
<text class='iconfont icon-dianzan2' style='{{item.likes.iszan?"color:red":"color:black"}}'></text>
<text class='like_num'>{{item.likes.num}}</text>
</view>
</view>
<text class='redtree_text'>{{item.textareaValue}}</text>
</view>
</view>
</view>
<view wx:if='{{release.length == 0}}'>
暫無評論
</view>
</view>
// 點(diǎn)擊發(fā)表評論
formSubmit: function (e) {
console.log('form發(fā)生了submit事件,攜帶數(shù)據(jù)為:', e.detail.value)
if ( e.detail.value.input == '') {
wx.showToast({
title: '請輸入內(nèi)容',
})
} else {
var that = this;
var textarea_item = {};
var textareaValue= e.detail.value.input;
var release = this.data.release;
var id = release.length
textarea_item.textareaValue = textareaValue;
release.push(textarea_item);// 將評論內(nèi)容添加到評論列表
this.setData({
release: release,
releaseFocus: true, //隱藏輸入框
releaseValue : '' //清空輸入框內(nèi)容
})
console.log(release)
}
},
發(fā)表完內(nèi)容清空內(nèi)容隱藏輸入框

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
純js實(shí)現(xiàn)瀑布流展現(xiàn)照片(自動適應(yīng)窗口大小)
用瀑布流來展現(xiàn)照片再好不過了,我的思路大概是一張一張的圖片插入,當(dāng)這一行的圖片保持長寬比例不變并且高度低于250時就完成一個了循環(huán),即這一行插入進(jìn)去了2013-04-04
javascript下查找父節(jié)點(diǎn)的簡單方法
javascript下查找父節(jié)點(diǎn)的簡單方法...2007-08-08
ES6使用 Array.includes 處理多重條件用法實(shí)例分析
這篇文章主要介紹了ES6使用 Array.includes 處理多重條件用法,結(jié)合實(shí)例形式分析了Array.includes基本功能、原理及處理多重條件相關(guān)操作技巧,需要的朋友可以參考下2020-03-03
Bootstrap Table從服務(wù)器加載數(shù)據(jù)進(jìn)行顯示的實(shí)現(xiàn)方法
Bootstrap-Table是一個Boostrap的表格插件,能夠?qū)SON數(shù)據(jù)直接顯示在表格中。接下來通過本文給大家分享Bootstrap Table從服務(wù)器加載數(shù)據(jù)進(jìn)行顯示的實(shí)現(xiàn)方法,感興趣的朋友一起看看吧2016-09-09
JavaScript+html5 canvas繪制的圓弧蕩秋千效果完整實(shí)例
這篇文章主要介紹了JavaScript+html5 canvas繪制的圓弧蕩秋千效果,以完整實(shí)例形式分析了JavaScript集合html5的canvas繪制圖形的相關(guān)技巧,需要的朋友可以參考下2016-01-01
javascript計(jì)算當(dāng)月剩余天數(shù)(天數(shù)計(jì)算器)示例代碼
本文介紹了利用Javascript在網(wǎng)頁上計(jì)算當(dāng)前月份的剩余天數(shù)的方法,大家參考使用吧2014-01-01

