Nuxt Vue ElementUI開發錯誤記錄

2022-08-10 00:39:18 字數 3396 閱讀 6016

一、this may cause things to work incorrectly. make sure to use the same version for both.

原因:版本不統一 

解決辦法:刪除node_models資料夾和package-lock.json檔案,重新 npm install。

二、error  cannot convert undefined or null to object

原因:依賴包問題,不完整或者不相容

解決辦法:手動更改package.json檔案,修改依賴包的版本,主要是修改這幾個的版本,如下所示:

,

"devdependencies":

}

然後 npm install,npm run dev即可(這種情況不用刪除node_models資料夾和package-lock.json檔案)。

三、nuxt專案,背景放置於static靜態目錄下,

引用1:background: url("/img/header-text-ico.png") no-repeat 10px center;

這種引用路徑,在本地開發是可以找到的,但是上線之後,只能在伺服器根目錄下才可以獲取到,如果專案是放在伺服器的子目錄,如big-data-platform-jinnan下,是獲取不到的

引用2:background: url("~static/img/header-text-ico.png") no-repeat 10px center;

如果專案是放在伺服器的子目錄,如big-data-platform-jinnan下,是可以獲取到的,這種寫法是通用型。建議以後都使用這種寫法。

四、今天載入圖紙,遇見這種情況

因為地圖圖層初始化壓根沒有執行,_that.map_init('floor-g2map-view');方法執行了,但是floor-g2map-view這個div不存在,由於沒有地圖圖層,導致圖紙塞不進去,所以圖紙不顯示。

解決方法:使用定時器,在定時器裡面先初始化地圖,然後拿資料,展示圖紙;

五、今天在nuxt裡面使用jquery,點選箭頭按鈕展開隱藏彈框,data裡面定義:onoff:true,第一次點選的時候,發現是undefined

原因是這裡的this指向的是p.arrow這個jquery物件,而不是vue物件,所以裡面壓根沒有**這個onoff屬性,自然是undefined

解決方法:

七、新增資料,類似下面這種結構,姓名調介面獲取,是個下拉框,選擇某個姓名自動帶入後面的**

template部分:

<

gs-el-table

:data

="leadertabledata"

stripe

>

<

gs-el-table-column

type

="index"

label

="序號"

width

="100"

>

gs-el-table-column

>

<

gs-el-table-column

prop

=""label

="職務"

show-overflow-tooltip

>

<

template

scope

="scope"

>

<

gs-el-input

v-model

="scope.row.position"

placeholder

="請輸入內容"

>

gs-el-input

>

template

>

gs-el-table-column

>

<

gs-el-table-column

prop

=""label

="姓名"

>

<

template

scope

="scope"

>

<

gs-el-select

@change

="selectleaderhandle(scope.row)"

v-model

="scope.row.workerid"

placeholder

="請選擇"

>

<

gs-el-option

v-for

="item in personnamedata"

:key

="item.value"

:label

="item.label"

:value

="item.value"

>

gs-el-option

>

gs-el-select

>

template

>

gs-el-table-column

>

<

gs-el-table-column

prop

=""label

="**"

show-overflow-tooltip

>

<

template

scope

="scope"

>

<

gs-el-input

v-model

="scope.row.telephone"

placeholder

="請輸入內容"

>

gs-el-input

>

template

>

gs-el-table-column

>

gs-el-table

>

vue部分:

data()  

},mounted(),,,

,];},

Android開發錯誤集錦

error 13,13 錯誤 找不到符號 符號 類 imageview 位置 類 mainactivity privateimageviewimageview 這裡提示 imageview cannot resolve symbol 後來發現 import 沒有import android.widg...

VTK開發 錯誤集錦

1 文字未顯示 現象 在vtk中使用vtktextactor或vtkactor2d類顯示文字,結果文字未顯示出來 解決方法 在程式上方加上 vtk module init vtkrenderingfreetype 2 編譯出現錯誤 no override found for 解決方法 在程式上方加上...

QT開發錯誤集

1 error multiple definition of qwidget 在專案.pro中 sources 處新增的.h和.cpp檔案有重複新增,將重複的去掉就可以了2 vs2010 qt,很多 下面會出現紅色波浪線 專案 屬性 vc 目錄 包含目錄中加入你的include的路徑 c 此處省略。...