EnidChann的博客

前置操作:1.下载: "quill": "^1.3.7", "quill-image-resize-module": "^3.0.0", "vue-quill-editor": "^3.0.6",2.config配置— vue.config.js (脚手架3.x版本) chainWebpack (config) { ... config.plugin('provide').use(webpack.ProvidePlugin, [ { 'wi

与main.js同级新建directives文件夹, 包含index.js 以及 modules文件夹, 如图2.常规全局注册单个指令,一般为这样但这里使用require.context, 将modules中的文件夹均引入index.js:import Vue from 'vue'const files = require.context('./modules', false, /.+\.js$/)// 按模块引入// files.keys(): 打印出来为['./focus.js.

js树结构的一些递归操作, 如找到某个节点的所有父节点, 无子节点时删除改字段,根据节点id获取对应的节点名等

getSimpleText (html) { let re1 = new RegExp('<.+?>', 'g') let msg = html.replace(re1, '') msg = msg.replace('&nbsp;', '') return msg }

methods:{ getData(){ // 获取数据后传入图片url获取尺寸(宽高) data.map(async item => { item.imgSize = await this.getImgSize(item.imgUrl) }) } // 获取图片尺寸 getImgSize (url) { return new Promise((resolve, reject) => { let imgOb

let arr1 = [4,6,7], arr2 = [5,6,7]let newArr = arrA .concat(arrB ).filter((cur, i, arr) => { return arr.indexOf(cur) === arr.lastIndexOf(cur);}) // c = [4,5]

如图为自己写的下拉框, 点击头部可实现控制下拉框盒子的显示与隐藏, 但是点击除了头部与下拉框以外的区域, 也需要关闭下拉框盒子, 实现方式如下：html代码：（stop修饰符是用来阻止事件冒泡）<template> <div class="root"> <div class="dropdownMenu"> <div class="top" @click.stop="showDropdown=!showDropdown"&.

问题: 刷新后vuex数据丢失导致页面报错解决: 使用vuex的插件vuex-persistedstate安装npm install --save vuex-persistedstate在store文件中进行配置import Vuex from 'vuex'import createPersistedState from 'vuex-persistedstate' // /引入插件Vue.use(Vuex)const store = new Vuex.Store({ st

如图需求:1. 一行显示3个2. 强制换行3. 宽度不写死4. 高度固定-- html<div class="mycards"> <div class="card_item"></div> <div class="card_item"></div> <div class="card_item"&g...

设置json文件以让vscode保存代码时 自动按照eslint格式化“文件-首选项-设置” :{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "edito...

Web API重要知识点总结找元素的方法document.getElementById(); //通过id找到元素，找到的就是元素，找不到返回nulldocument.getElementsByClassName(); //通过类名找到元素，永远得到伪数组，找到几个，伪数组里元素就有几个document.getElementsByTagName(); //通过标签名找到元素，永远得到伪数组...

示例图页面代码 // 导航tab部分, 利用isFixed实现吸顶 <div class="floor bgW" ref="floorFixed" :class="{'isFixed': isFixed}"> <header v-for="(item,index) in navList" @click="clickToFloor(index)" :class="{'

el-table序号翻页递增<el-table-column align="center" type="index" label="序号" :index="(pageNum-1)*pageSize + 1" width="80"></el-t...