wangeditor-如何清空富文本編輯器
之前我們已經成功的安裝并使用wangeditor富文本編輯器。但有時發送完富文本編輯器的內容之后，我們希望編輯器能夠自動清空內容。這該如何實現呢？之前使用的方法是直接向子組件傳值，把content內容置空。但發現這樣寫存在bug，只有第一次請求后富文本會自動清空，再次請求后方法失效。我們可以在子組件內編寫一個清空方法，利用setHtml方法將編輯器成功清空。注意不能只傳一個空字符串，而必須傳入如下...
2023-07-17
Vue-利用ref給元素或子組件注冊引用信息
我們都知道原生JS獲取DOM元素是很麻煩的，需要用到如document.getElementById這么長的API來獲取。于是vue可以幫我們解決這個問題，vue也有自帶的獲取DOM的方法，那就是ref。它不僅可以獲取DOM元素還可以獲取組件。首先，需要用ref來給元素或子組件注冊引用信息。引用信息將會注冊在父組件的 $refs 對象上。如圖所示：如果在普通的 DOM 元素上使用，引用指向的就是 ...
vue通過路由攔截判斷移動端和PC端
在vue實際開發過程中，很多項目同時具備移動端和pc端，需要做到不同的設備訪問不同的網頁。這時就需要用到路由守衛，通過路由攔截來判斷是否為移動端，再跳轉不同頁面。有關路由守衛的內容可以點擊此鏈接>>查看。首先在index.js中定義一個變量來判斷是不是移動設備。接著通過路由攔截來修改跳轉路徑。如果是移動設備，且能夠成功引入mobile+path這個路徑的話，就在路徑前增加’/mobile’；pc端...
vue-beforeEach前置導航守衛
在main.js文件中，我們使用createRouter方法來創建路由實例，此路由實例可以使用beforeEach來注冊全局的前置導航守衛。每當觸發導航跳轉時，都會被此導航守衛捕獲。示例如下：當一個導航觸發時，全局前置守衛按照創建順序調用。守衛是異步解析執行，此時導航在所有守衛 resolve 完之前一直處于等待中。每個守衛方法接收兩個參數：to: 即將要跳轉到的路由對象；from: 當前導航將要...
Vue如何引入和使用wangEditor富文本編輯器
首先需要下載安裝包，可通過npm或CDN的方式，我們這里以npm為例，具體可去官網查看。 npm install @wangeditor/editor --save安裝vue2組件（可選）：npm install @wangeditor/editor-for-vue --save安裝vue3組件（可選）：npm install @wangeditor/editor-for-vue@next --s...
2023-07-14
粘性定位（sticky）詳解
sticky定位（粘性定位），指的是基于用戶的滾動位置來定位。不同于前四個定位，他有點像relative和fixed的結合：當定位基點是自身默認位置時，他呈現為relative定位，而當頁面滾動區域大于你的目標區域時，他則表現為fixed定位，可以固定在頁面的某個位置。 粘性定位特點：1.以瀏覽器的可視窗口為參照點移動元素（固定定位特點）2.粘性定位占有原先的位置（相對定位特點）3.必須添加 to...
2023-07-10
