亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue已經循環出來的數據,通過方法點擊事件改變了數據,但頁面數據沒有更新

vue已經循環出來的數據,通過方法點擊事件改變了數據,但頁面數據沒有更新

幕布斯7044014 2019-07-06 13:34:43
<div class="slide-item" v-for="(item,index) in shoplist"> ? ? ? ? <table width="100%" align="center">???????????? <tr><td align="center"><img :src="item.headimgurl" class="merch-logo" /></td></tr>???????????? <tr><td align="center" class="merch-text">{{item.merchname}}</td></tr>???????????? <tr><td align="center">????????????<span class="merch-desc font-08 font-gray">{{item.remark}} </span>????????????????</td></tr> ???????????????? <tr><td align="center" v-on:click="subMerch(item.id,item.isfocus)">???????????? <span align=center v-model="number" v-if="item.isfocus==0">{{number}}</span>?????????????<span align=center v-model="numbery" v-if="item.isfocus==1">{{numbery}}</span> ???????????? </td></tr>???? </table></div>var vue = new Vue({ el: '.goods-index', data: {//省略…… number:'關注', numbery:'已關注', },subMerch:function(shopID,isfocus){ var self = this; if(self.isfocus==1){ self.isfocus=0; self.number='關注' } else{ self.isfocus=1; self.numbery='已關注' ? } ajax({ url:'api/article/focus', data:{ merchId:shopID, }, success:function(data){ console.log(data); mui.toast(data.info) }, error:function(err){ console.log(err) } }) window.location.reload();? },加上最后的刷新語句可以實現刷新頁面更改number和numbery的值如果不加最后的刷新語句 怎樣才能實現無刷新更改這兩個值?? ?實現點擊關注就變成已關注
查看完整描述

1 回答

?
pardon110

TA貢獻1038條經驗 獲得超227個贊

事件相關的邏輯(事件回調)要在vue的實例配置methods選項內,而不是將subMerch與鉤子函數,data同級,如下所示

methods:{
????subMerch:function{...


查看完整回答
反對 回復 2019-07-07
  • 1 回答
  • 0 關注
  • 3379 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號