原创 js全屏事件fullscreenchange 實現全屏、退出全屏操作
這篇文章主要爲大家詳細介紹了js全屏事件fullscreenchange,實現全屏、退出全屏操作,具有一定的參考價值,感興趣的小夥伴們可以參考一下 本文實例爲大家分享了js全屏事件fullscreenchange,
原创 vue element Cascader 級聯選擇器 選擇任意一級選項 點擊收起,點擊label選中等問題詳解
最近在做一個功能,要求級聯選擇器,選擇每一級都可以,於是就先看下餓了麼,找了半天發現好像沒有這種,只有級聯選擇最後一級,然後這個又是返回的遞歸的數據,讓我手寫重新寫一個屬實有點浪費時間。 找了好久好久,實現找不到,問了下隔壁的前端
原创 VSCode 通過快捷鍵vue一鍵生成.vue模版提示信息
1. 安裝vscode vscode下載地址:https://code.visualstudio.com 2. 安裝Vetur插件 插件庫中搜索Vetur,下圖中的第一個,點擊安裝,安裝完成之後點擊重新加載 3. 新建代碼片
原创 vue項目怎麼阻止很快速的點擊兩次然後提交的兩次請求
解決方案:我這裏暫時使用的方案一 方案一:申明一個變量,點擊時置灰提交按鈕。等接口調用結束放開按鈕,就是你在點擊之後,ajax請求完成之前將那個按鈕禁止點擊 <template> <div> <!-- 其他代碼 -->
原创 vue element el-date-picker 當前日期之前的日期設置不可選狀態
1. 核心的代碼就是這兩句 picker-options="expireTimeOption" expireTimeOption: { disabledDate(date) { //disabledDate 文檔上:
原创 vue Vue-Quill-Editor 基於Quill、適用於Vue的富文本編輯器(一)基礎封裝
最近vue項目用到了富文本,選了好多不合適,最後還是用了quillEditor 記錄下遇到的問題,下次直接用就號了。 這是基礎模版有兩個遺留問題: 圖片默認是base64圖片,怎麼爲自己接口調用的地址 默認是英文,怎麼漢化
原创 vue 封裝quill-editor富文本組件,圖片上傳,漢化文字等
1. 安裝 vue-quill-editor 2. quillEditor/index.vue 組件代碼 <template> <div class> <div v-loading="imageLoading" e
原创 Vue js監聽區分窗口關閉事件和刷新事件,並在窗口關閉前發送請求,退出登陸
區分窗口關閉和刷新事件 火狐瀏覽器兼容 關閉發請求,退出登陸操作(使用原生髮同步請求,使用axios發異步會出現時行時不行問題) <template> <div id="app"> <router-view />
原创 format格式化日期 兼容ie瀏覽器出現的aN:aN:aN問題
今天測試小姐姐提了一個日期格式ie不兼容這個bug…心累,之前寫的日期格式化問題沒有兼容ie,ie這個小婊砸,於是就寫了一個 function dataFormat(date, format) { // 兼容IE
原创 element el-date-picker日期組件常用的開發情況
頁面顯示的 日期 傳給後端的是 日期+時分秒 <el-date-picker v-model="solveTime" type="daterange" :picker-options="pickerOptions"
原创 遇到常見的遞歸的需求,總結記錄下方法,下次直接使用。
一 :遞歸將最後一級的 children 修改爲 undefined getTreeData(data) { // 循環遍歷json數據 for (var i = 0; i < data.length; i++) {
原创 vue 模態框 el-dialog 實現點擊圖片查看大圖功能
<!-- 點擊的圖片 --> <img :src="item.content" class="avatar" @click="imgViewDialog_show(item)" /> <!-- 彈出dialog大圖 --> <
原创 js正則將文本段裏面所有的圖片替換成對應圖片的text屬性值
1. 效果 1. 代碼 let htmlStr = '<img class="qqemoji small qqemoji68" text="蛋糕" src="/static/image/im_emoji_spacer.gif">
原创 element 的 el-cascade 組件如何獲取級聯選中label和value值
value 好獲取,主要是label,我百度了半天都是說用 this.$refs[關聯組件名].currentLabels 可以獲取,但是這個方法已經過期了。 還是自己看文檔才發現使用 getCheckedNodes 方法的節點獲
原创 vue 控制動態控制篩選條件的顯示隱藏
1. 效果如下 2. 功能描述 點擊“添加篩選規則” 就添加了一條 鼠標移入會在該條數據 右上角 出現 “移出”,點擊移出,移除該條 第一條永遠不能被移除 當全部被選擇後 會 隱藏 “添加篩選規則” 3. 主要的功能代碼 <