[TOC] ## wxml ``` <form bindsubmit="onConfirm"> <button class="btn" plain="{{true}}" formType="submit">確定</button> //確定按鈕 plain="{{true}}"背景色透明 <input type="text" placeholder="請輸入短評最多12個字" value="{{value}}" bind:confirm="onConfirm" confirm-type="search" name="search" /> //name值 是傳給button的值 </form> ``` ## js ``` //http請求 onLoad: function (options) { const id = options.id; const detail = bookModel.getBookDetail(id); const comments = bookModel.getBookComment(id); const likeStatus = bookModel.getBookLike(id); Promise.all([detail,comments,likeStatus]).then(res=>{ let [detail,comments,likeStatus] = res; this.setData({ detail, comments:comments.comments, likeStatus }) }) }, onConfirm(event){ //讓按鈕的值和input直接enter的值相同 let value = event.detail.value; if(typeof value != "string"){ value = event.detail.value.search; } //當沒有輸入內容時,不能添加 if(value != ""){ console.log(value) //當添加時出現 +1的彈出框 var add = true wx.showToast({ title: add ? "+1" : "", icon: 'none' }); //從前添加在評論前面加入新的評論 this.data.comments.unshift({ content: value, nums:1 }) //將新的評論集重新命名為comment this.setData({ comments:this.data.comments, isShow:false }) } } ``` ## wechat2.0問題殘留 點擊評論熱門時 post 成功的 插槽 點贊數 不能及時更新