vue
web_hj
这个作者很懒,什么都没留下…
展开
-
vue 拖动改变布局
横向布局 需要拖动框选区域 改变两边元素宽度<template> <div> <div :style="setLeftStyle()" class="view"></div> <div id="line" class="line"></div> <div :style="setRightStyle()" class="view"></div> ..原创 2022-01-24 09:42:31 · 3492 阅读 · 1 评论 -
vue 实现复制内容到剪贴板
复制内容至剪切板使用的是插件'vue-clipboard2'一、安装插件npm install vue-clipboard2 --save二、全局注入(main.js)import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)三、使用<div>{{message}}</div><i title="复制" v-clipboard:copy="me...原创 2021-04-02 15:46:53 · 311 阅读 · 0 评论 -
vue项目中使用cn打印组件
最近项目中要对接订单信息,打印快递面单。这里记录下开发流程。前端方面流程还是很简单的。1.电脑安装 连接好打印机 并安装对应打印机驱动 2.电脑安装 菜鸟打印组件 下载地址:http://cloudprint.cainiao.com/cloudprint/client/CNPrintSetup.exe?spm=a219a.7629140.0.0.YJQX7O&file=CNPrintSetup.exe3.在开始打印前 要注意你的快递面单尺寸,在打印组件中需要设置对...原创 2021-01-18 09:32:05 · 3289 阅读 · 0 评论 -
vue 项目中使用LodopFuncs (浏览器控制打印机)
1.电脑安装c-Lodop 下载地址http://www.lodop.net/download.html2. 在要控制打印页面引入 LodopFuncs.js3.template:<el-button @click="onStart">打印</el-button>script:onStart: function () { let LODOP=getLodop(); LODOP.PRINT_INIT(""); ...原创 2021-01-11 09:01:55 · 3418 阅读 · 0 评论 -
Chart.js 清除数据 和 line(曲线改为直线)
vue<canvas class="canvas" ref="popChart" :width="1000" height="400"></canvas>import "../../../js/Chart"if (this.el_chart) {//如果之前有数据 重新获取数据 鼠标移入canvas 会出现前后数据晃动 ************ t...原创 2020-03-25 08:32:35 · 1364 阅读 · 0 评论 -
js xlsx 的导出
1.安装依赖npm install -S file-saver xlsxnpm install -D script-loader2.项目中src下新建一个js文件夹放入两个文件Blob.js和 Export2Excel.js3.使用onExport:function(){ // console.log('导出EXCEL'); const list = t...原创 2020-01-10 11:00:12 · 631 阅读 · 0 评论 -
element ui el-table 动态改变 单元格 的颜色
将el-table 包在自定义组件(page_table)里面,可以重复使用。1.在组件中定义<el-table :cell-style="setCellColor"></el-table>methods:{setCellColor: function (e) { //{row,column,rowIndex,columnIndex} let o...原创 2019-11-11 13:57:58 · 7981 阅读 · 0 评论 -
vue打包
1.命令行输入:npm run build 直接打包没有显示东西有js,css路劲报错解决:到config文件夹中打开index.js文件。 更改build里面的assetsPublicPath属性:改为“./”assetsPublicPath属性作用是指定编译发布的根目录,‘/’指的是项目的根目录 ,’./’指的是当前目录。2.改好之后重新打包项目,运行index...原创 2018-12-08 16:32:21 · 277 阅读 · 1 评论 -
表格拖拽改变列宽
<template> <div> <div> <table> <thead> <tr> <th v-for="item,index in heads" :id="'th_'+index" style="width:120px;"> ...原创 2019-06-01 08:53:55 · 1469 阅读 · 0 评论 -
vue 拖拽元素的移动 ——自定义指令
/////////////// 私有指令directives: {drag: {//指令的定义inserted:function(el) {el.onmousedown=function(e) {//获取鼠标点击处分别与div左边和上边的距离:鼠标位置-div位置letdivx = e.clientX - el.offsetLeft;letdivy = e.cli...转载 2019-05-11 17:27:44 · 1931 阅读 · 0 评论 -
quill-editor 的使用
1.给quill-editor组件中的工具栏添加titlehttps://blog.csdn.net/w390058785/article/details/84346251 2.汉化 工具栏https://www.jianshu.com/p/21dab85b7fa8 3.修改工具栏 sizehttps://www.cnblogs.com/calvinK/p...转载 2019-02-19 10:35:27 · 2137 阅读 · 0 评论 -
vue-quill-editor 自定义上传图片
基本运用 https://blog.csdn.net/div_ma/article/details/79536634自带的上传图片 是转base64 现在需要就图片上传到服务器 使用url地址1. npm 安装 vue-quill-editor 2. import VueQuillEditor from 'vue-quill-editor'// require styles 引...原创 2019-02-18 15:19:34 · 1115 阅读 · 1 评论 -
vue 播放amr音频
https://www.npmjs.com/package/benz-amr-recorder1.使用 npmnpm install benz-amr-recordervar BenzAMRRecorder = require('benz-amr-recorder'); let BenzAMRRecorder = require('benz-amr-recorder')...转载 2019-01-10 10:16:51 · 7308 阅读 · 4 评论 -
vue emoji编辑器
1.显示emoj// WxTextList :["微笑", "撇嘴", "色", "发呆", "得意", "流泪"];// 图片放在images => wx 下 名称是 ‘QQ0001 QQ0002 ...’<ul> <li v-for="item in WXList" > <img :src="item.img" :titl...原创 2019-01-03 14:58:31 · 3877 阅读 · 0 评论 -
vuex 入门应用
1.下载 npm install vuex --save 2.在main.js中 import Vue from 'vue'import vuex from 'vuex' // 1Vue.use(vuex) // 2var store = new vuex.Store({ // 实例store对象 3 s...原创 2018-12-15 14:18:09 · 106 阅读 · 0 评论