爱吃棉花糖#的博客

【代码】Element--date时间约束（精确到时分秒）

VUE--使用BroadcastChannel频道实现同源策略不同工程页面通信

【代码】VUE--保留小数（过滤器）

Vue--微信和uniapp配置环境地址

vue使用element导入Excel文件。

Vue修改网页标签栏标题以及标签栏图标

marquee标签替换

<el-upload :before-upload="beforeAvatarUpload"></el-upload>beforeAvatarUpload(file) { // 获取视频时长 var url = URL.createObjectURL(file); var audioElement = new Audio(url); var duration; this.durationNumber = audio

URL地址（当前路径）

1.安装npm install jsencrypt --save-devnpm i encryptlong -S2.在utils下创建rea.js/* 产引入jsencrypt实现数据RSA加密 */import JSEncrypt from 'jsencrypt' // 处理长文本数据时报错 jsencrypt.js Message too long for RSA/* 产引入encryptlong实现数据RSA加密 */import Encrypt from 'encryptlong'

1.在App.vue中created全局配置<script>export default { name: "App", //解决刷新时vuex的数据重置消失 created() { // 先检查sessionStorage中是否有数据，若存在数据则加载到vuex if (sessionStorage.getItem("store")) { this.$store.replaceState( Object.assign(

2.在util中创建树形结构转一维数组的js文件。1.在util中创建数组转树形结构的js文件。

代码】js给数组的每个对象添加字段（字段值对应下标）

<template> <div> <el-upload class="upload-demo" ref="upload" action="" :on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList" :auto-upload="false" > <el-but

1.安装npm包npm install vue-lazyload --save2.在main.js中引入全局/*图片懒加载 */import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload)// 配置项Vue.use(VueLazyload, { preLoad: 1.3, //预加载高度 error: 'dist/error.png', //报错时需要的图片 load

<template><div class="box"> <!-- 热点分析3.0 --> <div class="box_1"> <component v-bind:is="loadertpl1" v-if="loadertpl1"></component> </div> <!-- 京开咨询 --> <div class="box_2">

一、bus组件传值**1.新建bus.js文件，引入vueimport Vue from 'vue'const bus = new Vue();// 使用 Event Busexport default bus;2.在main.js中引入vue bus (也可以在使用的组件中引入)import Bus from './common/bus'; Vue.prototype.$bus = Bus3.在A页面传递this.$bus.$emit("Page",value); //很像父子之

1.sass-loader依赖于node-sass,所以要安装node-sassnpm install node-sass --save-dev // 安装node-sassnpm install sass-loader --save-dev // 安装依赖包sass-loadernpm install style-loader --save-dev // 安装style-loader2.在build文件夹下的webpack.base.conf.js的modu

<template> <div> <div> <input type="checkbox" v-model="isCheckAll" @change="checkedAll" /> 全选/取消全选 <input type="checkbox" v-model="isCheckInverse" @change="checkedInverse" /&g

1.安装npm i lib-flexible -S2.在main.js引入import 'lib-flexible/flexible.js'3.在flexible.js中(function flexible(window, document) { var docEl = document.documentElement; var dpr = window.devicePixelRatio || 1; // adjust body font size // 设置 em 默认字体

<template> <div id="app"> <el-date-picker :picker-options="setDisabled" > </el-date-picker> </div></template><script>export default { data() { return { setDisabled: { d

【代码】el-tree树形控件小demo。

1.安装js-file-downloadnpm install js-file-download --save2.在页面引入import fileDownload from "js-file-download";3.调用导出接口exportTextResult() { exportTextResult({ id: this.aid }).then(res => { fileDownload(res.data, `${this.fileName}.docx`);

一、修改请求静态资源的路径打开config文件夹下的index.js文件，修改assetsPublicPath的值，从"/“改为”./"。即从根路径改为相对路径。二、修改本地图片的路径打开build下的utils.js文件，增加 publicPath:’…/…/’三：运行打包代码npm run build...

vue--element表单验证，当选中证件类型为身份证才验证证件号码。

1.循环div <div class="frame_one" v-for="(item, index) in data" :key="item.id"> <div class="picture" :id="getId(index)"></div> </div>2.给div加类名methods:{ getId: function(index) { return "person_" + ind

Vue--router路由跳转

配置生产环境和测试环境(配置文件修改后一定要重启项目)

1.在utils中创建bus.jsimport Vue from 'vue'export default new Vue();2.在组件A中//引入`在这里插入代码片`import Bus from '@/utils/bus.js'//创建监听方法 this.$nextTick(function () { // DOM 现在更新了 Bus.$emit('getCwbxList') }) //在路由跳转之前beforeDestroy () { // 销毁监听事件

1.在created定义方法created（）{ console.log(this.getTime(0)); // 得到当前的时间 console.log(this.getTime(7)); // 得到七天前的时间}2.在methods里写方法methods: { getTime(val) { // 获取时间并格式化 var now = new Date(); val === 0 ? "" : now.setTime(now.getTime()

axios的简单封装及使用（拦截器）