原创 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="