文部分

• 配置

vue：3.0

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)說(shuō)法就是為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ù)對(duì)象data都為undefined，還未初始化。

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

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

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

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

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

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

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

じゃね

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

貼在托盤上的標(biāo)簽，因托盤上的貨物的移動(dòng)，使用等緣故可能會(huì)導(dǎo)致標(biāo)簽丟失。在很多場(chǎng)景下又需要掃描托盤標(biāo)簽，所以Reflex WMS系統(tǒng)提供了打印空白標(biāo)簽的功能。業(yè)務(wù)人員在一些收發(fā)貨場(chǎng)景下可以掃這個(gè)空白托盤標(biāo)簽貼在托盤上，然后在Reflex WMS系統(tǒng)上手工輸入物料號(hào)，批次號(hào)，數(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