原创 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. 主要的功能代碼 <