vue引入element-ui后界面空白

文部分

配置

vue-cli：4.5.11

目的

使用element-ui繪制ui界面

原本操作

（1）安裝element-ui

npm i element-ui -S

（2）導(dǎo)入element-ui

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

界面空白，報(bào)錯(cuò)如下

Uncaught TypeError: Cannot read property 'prototype' of undefined

報(bào)錯(cuò)原因：

目前element-ui只支持2.6以下的版本，Vue3.0要使用element-ui就要使用element-plus

官網(wǎng)說法就是為vue-cli@4.5以上提供element-plus

解決方法：

參考element-ui官網(wǎng)

https://element-plus.gitee.io/#/zh-CN/component/quickstart

（1）安裝element-plus

npm i element-plus

（2）導(dǎo)入element-plus

import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
const Vue=createApp(App)
Vue.use(ElementPlus)

這樣就解決了！

每日一個(gè)面試題

vue的生命周期

vue每個(gè)組件都是獨(dú)立的，每個(gè)組件都有一個(gè)屬于它的生命周期，從一個(gè)組件創(chuàng)建、數(shù)據(jù)初始化、掛載、更新、銷毀，這就是一個(gè)組件所謂的生命周期。

組件中的具體方法：beforeCreate created beforeMount mounted beforeUpdate updated

beforeDestroy destroyed

總共分為8個(gè)階段創(chuàng)建前/后，載入前/后，更新前/后，銷毀前/后。
創(chuàng)建前/后：

在beforeCreated階段，vue實(shí)例的掛載元素$el和數(shù)據(jù)對象data都為undefined，還未初始化。

在created階段，vue實(shí)例的數(shù)據(jù)對象data有了，$el還沒有。
載入前/后：

在beforeMount階段，vue實(shí)例的$el和data都初始化了，但還是掛載之前為虛擬的dom節(jié)點(diǎn)，data還未替換。

在mounted階段，vue實(shí)例掛載完成，data成功渲染。
更新前/后：

當(dāng)data變化時(shí)，會觸發(fā)beforeUpdate和updated方法。
銷毀前/后：

beforeDestory是在vue實(shí)例銷毀前觸發(fā)，一般在這里要通過removeEventListener解除手動(dòng)綁定的事件。實(shí)例銷毀后，觸發(fā)的destroyed。

耶，又學(xué)習(xí)到了一個(gè)新知識點(diǎn)。

又是一個(gè)向陽而生的一天。

じゃね

升級至Firefox 70之后，用戶訪問部分使用動(dòng)態(tài)JavaScript的網(wǎng)站（例如YouTube和Facebook）時(shí)候可能會出現(xiàn)空白頁的情況。在深入調(diào)查之后Mozilla發(fā)現(xiàn)導(dǎo)致這個(gè)問題的魁首是“LocalStograge NextGen”，為此在最新發(fā)布的Firefox 70.0.1更新中為所有用戶禁用了該功能。

以下方法可以幫助您解決Firefox中的網(wǎng)站加載問題：

1.訪問about:config
2.搜索不帶引號的“dom.storage.next_gen”
3.將其首選項(xiàng)值更改為“false”，

出現(xiàn)這一問題是因?yàn)镸ozilla在Firefox 70中新的本地存儲實(shí)現(xiàn)無法與舊的配置文件或從Firefox以前的版本更新的配置文件配合使用，禁用配置便可解決此問題。

根據(jù)發(fā)行日志，F(xiàn)irefox 70.0.1新功能如下

1.修復(fù)了導(dǎo)致某些使用動(dòng)態(tài)JavaScript的網(wǎng)站或頁面元素?zé)o法加載的問題（錯(cuò)誤1592136）
2.為macOS 10.15用戶更新OpenH264視頻插件（錯(cuò)誤1587543）
3.標(biāo)題欄不再顯示在全屏視圖中（錯(cuò)誤1588747）
4.為macOS 10.15用戶升級OpenH264視頻編解碼器版本（錯(cuò)誤1587543）

要更新到此版本，請啟動(dòng)Firefox，單擊菜單>關(guān)于Firefox，將下載更新，然后重新啟動(dòng)Firefox以安裝更新。

eflex WMS入門系列二十八：空白標(biāo)簽打印

貼在托盤上的標(biāo)簽，因托盤上的貨物的移動(dòng)，使用等緣故可能會導(dǎo)致標(biāo)簽丟失。在很多場景下又需要掃描托盤標(biāo)簽，所以Reflex WMS系統(tǒng)提供了打印空白標(biāo)簽的功能。業(yè)務(wù)人員在一些收發(fā)貨場景下可以掃這個(gè)空白托盤標(biāo)簽貼在托盤上，然后在Reflex WMS系統(tǒng)上手工輸入物料號，批次號，數(shù)量等信息，將這些信息與空白標(biāo)簽關(guān)聯(lián)上，后續(xù)這個(gè)托盤標(biāo)簽就可以正常使用了。

在Reflex WMS命令行里輸入BLANK, 系統(tǒng)自動(dòng)顯示2個(gè)含有這個(gè)單詞的程序，如下圖示：

點(diǎn)擊Blank HD Labels,

輸入需要打印的標(biāo)簽的數(shù)量，點(diǎn)擊Submit按鈕，就完成了空白HD標(biāo)簽打印。

如下方式去看打印的標(biāo)簽，

雙擊最上面的HD Identification label, 系統(tǒng)彈出如下窗口，

這里顯示的文字，正常人都是看不懂的，它其實(shí)就是條形碼標(biāo)簽里的內(nèi)容。

復(fù)制里面的文字，進(jìn)入如下網(wǎng)站：

http://labelary.com/viewer.html

可以看到上圖右邊的空白HD標(biāo)簽的打印效果。

-完-

寫于2022-5-9

在線咨詢

上一篇：使用 html2canvas 只需幾行代碼就能生成網(wǎng)
下一篇：GitHub已完全棄用jQuery，問題是為什么？

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

vue引入element-ui后界面空白

文部分

每日一個(gè)面試題

您的項(xiàng)目需求