亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue?頁(yè)面卡死,點(diǎn)擊無(wú)反應(yīng)的問(wèn)題及解決

 更新時(shí)間：2022年10月11日 10:32:20   作者：落葉無(wú)情也算有情  
這篇文章主要介紹了vue?頁(yè)面卡死,點(diǎn)擊無(wú)反應(yīng)的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

vue 頁(yè)面卡死,點(diǎn)擊無(wú)反應(yīng)

我在結(jié)合element做表單的時(shí)候，進(jìn)入編輯頁(yè)時(shí)，點(diǎn)擊切換不生效，但是value值已改變，就是view視圖層無(wú)反應(yīng)，感覺(jué)頁(yè)面卡死的樣子

我在切換按鈕上，綁定的change事件，執(zhí)行 this.$forceUpdate()強(qiáng)制刷新視圖層

vue 項(xiàng)目頁(yè)面卡死原因排查

問(wèn)題描述

點(diǎn)擊后臺(tái)管理某一菜單發(fā)現(xiàn)直接卡死，沒(méi)有其他報(bào)錯(cuò)信息，整個(gè)網(wǎng)頁(yè)鼠標(biāo)變?yōu)槭种笭顟B(tài)不能進(jìn)行任何操作

問(wèn)題排查

首先是通過(guò)注釋代碼發(fā)現(xiàn)問(wèn)題是出在以下代碼中

    <basic-container>
      <h4>教師指標(biāo)數(shù)據(jù)</h4>
      <avue-crud ref="crud"
                 :data="tableData"
                 :table-loading="tableLoading"
                 :option="tableOption"
                 @refresh-change="refreshChange"
                 @search-change="searchChange">
        <template slot-scope="scope"
                  slot="menu">

          <el-button type="text"
                     icon="el-icon-view"
                     size="small"
                     @click="handleView(scope.row,scope.index)">查看
          </el-button>
        </template>
      </avue-crud>
    </basic-container>

查看日志輸出

鎖定到問(wèn)題是數(shù)據(jù)展示的data 需要array 但是卻拿到了Object

將數(shù)據(jù)展示方式tableData改為 table:[]數(shù)組類型進(jìn)行展示即可

data:{
return :{
        tableData: []
]
}      
getList() {
        this.tableLoading = true;
        this.tableData=[];
        fetchList(this.listQuery).then(response => {
          console.log("------------------"+response.data.data)
          this.tableData.push(response.data.data) ;
          this.tableLoading = false
        })
      },

小結(jié)

這里有幾個(gè)問(wèn)題

一個(gè)是avue 版本兼容的問(wèn)題 貌似舊版本會(huì)兼容這種情況不會(huì)出現(xiàn)卡死的問(wèn)題

大佬修改框架后出現(xiàn)的這個(gè)問(wèn)題

另一個(gè)是返回值規(guī)范 如果使用表格 最好都返回list數(shù)組 不要返回單object類型導(dǎo)致出現(xiàn)類似

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論