原创 vue中通過v-html添加內容添加樣式無效

問題描述: 在使用富文本編輯圖文詳情的時候,通常會使用v-html引入所編輯的內容,然而,詳情顯示的樣式有時不是我們希望的(尤其是圖片,大圖會出現溢出內容區域的問題),在<style scope> 中添加樣式卻並不生效。 原因分析: 以

原创 Vue.js(二)—— 使用vue-router設置每個頁面的title

1.引入vue-router import Vue from 'vue' import Router from 'vue-router' 2. 在router/index.js文件中配置每個頁面的title: export defau

原创 Vue.js(四)—— Vue的生命週期

看過vue官網以及一些講述vue生命週期的文章,還是決定自己總結一下,便於理解:  生命週期:每個 Vue 實例在被創建時都要經過一系列的初始化過程——開始創建、初始化數據、編譯模板、掛載Dom、渲染頁面→更新→重新渲染、銷燬等,也就是

原创 Vue.js(五)—— Vue基礎組件的自動化全局註冊

在使用vue構建項目的過程中,我們會設置一些通用的組件,他可能只包含了一個按鈕或者其他的一個小功能,但是會被我們在不同的組件頁面頻繁調用。此時若是每一個組件頁面都進行引用,將會有很多重複冗雜的代碼,可以改爲全局註冊。具體如下: 1.

原创 vue2.x+webpack配置問題總結

目錄 1. 配置熱更新&自動打開瀏覽器 方法一:修改 package.json 文件 方法二:修改 webpack.config.js 文件 2. npm run build 生成的map文件配置   【文件目錄及相關配置基於 vue c

原创 Vue.js(三)—— vue.js中自定義過濾器filters

目錄 1. 基礎語法 2. 多個過濾器串聯 3. 單個過濾器接收多個參數 vue.js 中允許自定義過濾器,用於常見文本的格式化; 過濾器可以用在兩個地方:雙花括號插值和 v-bind 表達式 (表達式用法從 2.1.0+ 開始支持)。

原创 button 寫在 form 表單中導致頁面刷新問題

貌似之前寫代碼的時候很自然的沒有將 button 寫在 form 表單當中,這次把 button 寫在了 form 標籤當中,發現每次點擊按鈕都會刷新頁面,代碼如下: <form> <!-- ... --> <button

原创 axios在vue中的應用(一)—— 簡單調用

目錄 1. 安裝並引入axios 1.1 使用 npm/cnpm 安裝 1.2 在main.js文件中引入axios 2. 使用axios請求本地json文件 3. 將傳遞的json數據轉爲FormData 3.1 引入qs 3.2 添加

原创 解決npm i報錯Error: Can't find Python executable "python", you can set the PYTHON env variable.

問題描述 gyp ERR! configure error gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON e