随笔分类 - Vue
关于学习中用到的Vue知识
摘要：<template> <div> <el-upload ref="upload" class="upload-demo" action="#" accept="xlsx,xls" multiple :limit="1" :auto-upload="false" :withCredentials="f
阅读全文
摘要：1、安装：npm install html2canvas jspdf --save 2、创建：html2canvas.js 文件，内容如下： import html2Canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @param {S
阅读全文
摘要：公共： @blur="send_data.num = $event.target.value ? Number($event.target.value) : null" 不能输入小数点：oninput="value=value.replace(/[^\d]/g,'')" 可输入小数点：oninput
阅读全文
摘要：/** * 四舍五入，保留指定小数位数，当原始数据不满足长度时，不要补 0 * @param number [Number | String] 原始数据，支持字符串和数值型 * @param i [Number] 保留的小数个数 >= 0 * @returns [Number] 转换后的数据 */
阅读全文
摘要：1、build/utils.js文件：解决打包后 element-ui 字体失效 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicP
阅读全文
摘要：/** * 功能：对比两个纯数组之间的数据差异 * @param {source_data} sourceData 原始数据（必选） * @param {String} newData 更新后的数据（必选） * @return {Array} 返回的 add_data, delete_data，更新
阅读全文
摘要：/** * @param {Array} sourceData 原始数据（必选） * @param {String} keyName 单条数据中的唯一标识符字段名（必选） * @param {String} parentKeyName 单条数据中的上级唯一标识符的字段名（必选） * @return
阅读全文
摘要：/** * @param {Array} dataList 完整数据(必传) * @param {Sting/Int} keyName 对哪个字段进行与targetID对比(必传) * @param {Sting/Int} targetID 目标数据的唯一标识符(必传) * @param {Stin
阅读全文
摘要：1、参考数据 [ { id: 1, label: '一级 1', children: [ { id: 4, label: '二级 1-1', children: [ { id: 9, label: '三级 1-1-1', }, { id: 10, label: '三级 1-1-2', }, ], }
阅读全文
摘要：1、只能输入数字： onkeyup="value = value.replace(/[^\d]/g,'')" 2、只能输入英文：onkeyup="value = value.replace(/[^a-zA-Z]/g,'')"
阅读全文
摘要：<template> <div class="model_box"> <div class="upload_bin"> <el-dialog width="400px" title="上传文件" :lock-scroll="true" :show-close="true" @close="cance
阅读全文
摘要：template中：<el-select v-model="treeData" placeholder="请选择"> <el-option :value="treeValue" style="height: auto"> <el-tree :data="tree_list" default-expa
阅读全文
摘要：1、<embed id="station_svg" :src="station_svg" type="image/svg+xml" /> 2、let svg_dom = document.getElementById('station_svg').getSVGDocument() // 获取dom
阅读全文
摘要：1、创建 websocket.js 文件 // 定义 websocket export default { ws: {}, setWs: function(newWs) { this.ws = newWs }, } 2、在main.js 中引入 import wsk from './utils/we
阅读全文
摘要：参考地址：https://www.cnblogs.com/yx1102/p/13170533.html 注：需要把vue的cdn地址替换掉。
阅读全文
摘要：vue版本：v.2.5.2 <transition name="fade-box"> <div v-show="show" class="box"></div> </transition>.box { width: 200px; height: 200px; background-color: pi
阅读全文
摘要：<template> <div class="main"> <div class="toolbar" :class="{ toolbar_show: !openStatus }"> <el-button type="primary" size="small">点击</el-button> <el-b
阅读全文
摘要：<template> <div class="main"> <div class="left_main" :class="{ left_main_show: !openStatus }"></div> <div class="right_main"> <div class="open_close">
阅读全文
摘要：.babelrc文件 { "presets": [ [ "env", { "modules": false, "targets": { "browsers": [ "> 1%", "last 2 versions", "not ie <= 8" ] } } ], "stage-2" ], "plug
阅读全文
摘要：// 自定义指令 directives: { // 指令名称：v-test test: { bind(el, binding, vnode) { // 初始化时触发，只触发一次，这里可以放dom的样式相关的内容 console.log(binding) }, inserted(el, binding
阅读全文
