av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

vue 里面的 $forceUpdate() 強制實例重新渲染操作

瀏覽:44日期:2022-11-20 16:23:35

迫使 Vue 實例重新渲染。注意它僅僅影響實例本身和插入插槽內容的子組件,而不是所有子組件。

比如v-for里面數據層次太多, 修改過數據變了,頁面沒有重新渲染,需手動強制刷新。

for(...){ ...}this.$forceUpdate();

補充知識:VUE項目中使用this.$forceUpdate();解決頁面v-for中修改item屬性值后頁面v-if不改變的問題

頁面展示:

vue 里面的 $forceUpdate() 強制實例重新渲染操作

實現效果:點擊實現列表內容的展開、折疊。

代碼:

<div v-for='(item,index) in invoiceData' :key='index'> <div class='images'><img src='http://m.4tl426be.cn/static/images/invoice_pu.png' v-if='item.invoiceType == ’0’'><img src='http://m.4tl426be.cn/static/images/invoice_zhuan.png' v-else-if='item.invoiceType == ’1’'></div> <div class='text'> <h3 v-if='item.invoiceType == ’0’'>增值稅普通發票</h3> <h3 v-else-if='item.invoiceType == ’1’'>增值稅專用發票</h3> <p><span>企業名稱:</span>{{item.enterpriseName}}</p> <p><span>稅號:</span>{{item.dutyParagraph}}</p> <transition name='fade'> <div v-if='item.mark == true'> <p><span>注冊地址:</span>{{item.address}}</p> <p><span>聯系電話:</span>{{item.contactNumber}}</p> <p><span>開戶銀行:</span>{{item.accountOpeningBank}}</p> <p><span>銀行賬號:</span>{{item.bankAccount }}</p> </div> </transition> <div v-if='item.invoiceType == ’1’'> <p class='hideMark'> <img src='http://m.4tl426be.cn/static/images/arrow_bottom.png' v-if='item.mark == false' @click='clickZhuanMark(index,$event)'> <img src='http://m.4tl426be.cn/static/images/arrow_top.png' v-else @click='clickZhuanMark(index,$event)'> </p> </div> <div class='list-radio'><input type='radio' value='' name='selectContact' @change='getInvoiceId(item.invoiceId)' /></div> </div></div>

v-for渲染出列表,在執行列表折疊展開時'clickZhuanMark' JS如下:

clickZhuanMark(val,event){ this.invoiceData[val].mark = !this.invoiceData[val].mark; },

可是實際并沒有如設想的那樣實現效果,之后修改代碼:

vue 里面的 $forceUpdate() 強制實例重新渲染操作

添加this.$forceUpdate();進行強制渲染,效果實現。搜索資料得出結果:因為數據層次太多,render函數沒有自動更新,需手動強制刷新。

以上這篇vue 里面的 $forceUpdate() 強制實例重新渲染操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 精品久久久久久久 | 国产日韩久久 | 精品国产精品国产偷麻豆 | 日韩在线精品 | 一区二区福利视频 | 亚洲免费人成在线视频观看 | 91麻豆精品一区二区三区 | 一级黄色生活视频 | 国产在线精品一区二区三区 | 免费中文字幕日韩欧美 | 九九热在线免费视频 | 韩国精品在线观看 | 国内精品久久久久久影视8 最新黄色在线观看 | 亚洲国产成人精品久久久国产成人一区 | 国产精品一区二区在线免费观看 | 久久另类 | 综合久久综合久久 | 国产亚洲一区精品 | 国产第一亚洲 | 欧美一区二区三区在线观看 | 四虎永久在线精品免费一区二 | 国产特级毛片aaaaaa喷潮 | xxxxx黄色片| 成年网站在线观看 | 天堂亚洲 | 日韩毛片| 日本精品一区二区三区在线观看视频 | 国产美女视频一区 | 国产精品久久久久久婷婷天堂 | 三级av在线 | 99精品久久久久久 | 久久久tv | 无人区国产成人久久三区 | 成人av网站在线观看 | 国产精品二区三区在线观看 | 国产精品免费大片 | 狠狠久 | 狠狠干美女| 国产成人av电影 | 国产乱码精品一区二区三区忘忧草 | 久久9视频 |