原创 zTree實現樹形圖模糊搜索

vue + ztree + iview 改造ztree:     項目地址:https://github.com/bigablecat/zTreeFuzzySearch 1. 在搜索框中輸入關鍵字,希望實現的效果: a). 樹形圖隱藏所有

原创 底部跳轉最頂層 & 禁止所有img拖動效果 & 事件委託 & 佈局紊亂 & 效果 & 遮罩出現禁止移動 & setTimeout與setInterval

//底部跳轉最頂層 function JumpTop() { $('.goMoney').on('click',function () { var top = $('.cost').offset().top

原创 提示TypeError: this.cliEngine is not a constructor

 點擊details在控制檯顯示報錯的位置 TypeError: this.cliEngine is not a constructor at ESLintPlugin.invokeESLint (/Applications/

原创 idea關於vue高亮顯示配置

Intellij IDEA準備 如果你想在Intellij IDEA的Terminal中構建vue-cli項目,還需要做一點準備。如果使用cmd構建,則跳過此步驟。 1)安裝vue.js File -> Settings -> Plug

原创 vue 導航菜單重新加載刷新頁面

知識庫項目點擊導航菜單欄上點擊子菜單刷新頁面的需求 應用 vue在當前頁面內路由參數發生變化,怎麼進行頁面刷新。 傳統方式 window.location.reload(); 整個頁面進行刷新,會出現白屏,體驗不好 this.$route

原创 在iview的表格render函數中給v-html賦值,table加載html標籤問題解決方法

如果想要在表格渲染一個標籤,嘗試在render的props中放置v-html或者vHtml都不好用。 錯誤寫法: 解決方案: 勾選部分 鏈接:https://www.jianshu.com/p/62b1305ca2d8

原创 Chrome(谷歌瀏覽器)如何截屏整個頁面不用插件

在頁面空白處右鍵 --- 彈出菜單選擇【檢查】或者 快捷方式ctrl+shift+i(fn+12) 在elements下使用快捷方式ctrl+shift+p(command+shift+p),打開一個命令行輸入框。然後輸入screen,我

原创 Vue 組件之間互相通信

vm.$emit(event, [...args]) 觸發當前實例上的事件,附加參數都會傳給監聽器回調。 涉及到組件之間的通信的問題,組件之間的通信可以分爲以下幾種: 父子組件傳遞,父向子傳遞採用 props,子向父採用事件 emit。

原创 IDEA無法完整顯示項目文件結構,Git文件後無法在項目中顯示

 1、我的項目結構裏面不顯示各個文件,但是點擊目錄,又能打開相應的文件: 解決方法:file -> project structure -> Modules -> 綠色+加號+ -> import Modules 中添加目錄項目文件。

原创 vue-router 動態路由傳參 & 打開新窗口頁面

一. 路由傳參    使用params方法傳參的時候,要在路由後面加參數名,並且傳參的時候,參數名要跟路由後面設置的參數名對應。    使用query方法,就沒有這種限制,直接在跳轉裏面用就可以。    對比1:  query方法,可以與

原创 js中讓字符串中特定字符紅色顯示

想要實現下圖所示效果,純js代碼如下:  <script type="text/javascript" language="javascript">      var s = "暖";      var reg = new RegExp(

原创 axure rp pro 9.0授權密鑰

打開軟件,可以看到是中文界面,點擊enter license輸入axure rp 9授權碼。 axure rp 9授權碼: 被授權人:www.ddooo.com 授權祕鑰:UdMLVdonmFlplbTMoBppfrUXZMhEQ6Mf2

原创 vue腳手架run dev之後自動啓動瀏覽器

現在需要手動 Alt+點擊:http://localhost:8080  config文件夾下index.js文件,裏面有個dev方法,修改autoOpenBrowser狀態爲true

原创 HTML5之title屬性解決長文本顯示不完全問題

<div class="ellipsis" title="${item.comment}">${item.comment}</div> 鼠標移上去全部顯示 <div class="ellipsis" title=${item.comme

原创 Vue.js v-model 指令的修飾符

1 .lazy v-model 指令默認會在 input 事件中加載輸入框中的數據(中文輸入法中輸入拼音的過程除外)。我們可以使用 .lazy 懶加載修飾符,讓其只在 change 事件中再加載輸入框中的數據。 <input type="