vue
文章平均质量分 72
joyour
这个作者很懒,什么都没留下…
展开
-
pc和h5图片压缩
async $fileZip(data: any) { let image = new Image(); image.src = data.content; // 要压缩的图片 return new Promise<any>((resolve) => { image.onload = () => { let canvasWidth = image.width //图片原始长宽 let canva.原创 2022-03-01 10:15:30 · 86 阅读 · 0 评论 -
element-ui
table序号<el-table-column label="序号" type="index" :index="indexMethod" width="50"></el-table-column>//序号indexMethod(index){ if(this.pageNum===1...原创 2020-01-16 10:06:01 · 375 阅读 · 0 评论 -
vue 完整路径(图片)转换为File
dataURLtoFile(dataurl: any, filename: any) { let tempfile = null; //新建一个变量 tempfile = new File([this.getUrl(dataurl)], filename, { type: "image/", lastModified: Date.now(), }); return tempfile;}原创 2021-01-15 14:49:59 · 6786 阅读 · 3 评论 -
不用vuex的情况下,隔代组件间的通信
不用vuex的情况下,隔代组件间的通信优点:适合开发层级不会很复杂的独立组件,无需借助vuex缺点:依赖组件树的结构,比如需要知道A和B谁是父,谁是子,然后父中broadcast,子中dispatch。先列一个简单的case:<!--child.vue-->export default { methods: { handleEmitEvent () {...转载 2019-10-09 09:30:15 · 146 阅读 · 0 评论 -
vue: 滚动条定位
//执行滚动条跳转到某个元素,支持id,vue组件,dom元素$toScroll(ref: any,parentRef:any) { let dom = ref; let parentDom = parentRef //id选择器 if (_.isString(ref)) { dom = document.getElementById(ref);...原创 2019-09-24 10:34:02 · 1902 阅读 · 0 评论 -
hotkeys 捕获键盘输入和输入的组合
INPUT SELECT TEXTAREA 默认不处理。hotkeys.filter 返回 true 快捷键设置才会起作用,flase 快捷键设置失效。hotkeys.filter = function(){ return true; };hotkeys('ctrl+r',()=>{ this.save(); return false});//解绑键盘快捷...原创 2019-09-23 14:51:29 · 247 阅读 · 0 评论 -
vue vue-router 同一个页面地址栏参数改变,页面不刷新的问题
vue-router同一个页面地址栏参数改变(比如文章的发布和编辑是同一个页面),不会触发vue的created或者mounted钩子,所以数据不会重新渲染。解决办法有两种:1:监听地址栏变化(watch),这是vue-router官方给出的解决办法。监听路由变化,把初始化的方法重新写到监听的方法里面执行2、给router-view加个唯一的key,来保证路由切换时都会重新...转载 2019-09-04 10:19:52 · 2878 阅读 · 0 评论 -
vue render 的Input怎样实现数据双向绑定
render:(h, params) => { return h("Input",{ props:{ value:this.info.whiteList }, on:{ 'on-change':(e)=>{ this.info.whiteLi...原创 2019-08-21 10:05:21 · 1755 阅读 · 0 评论 -
vue自定义事件:点击空白区域特定内容隐藏
//自定义事件Vue.directive('clickoutside', { bind (el:any, binding:any) { function documentHandler (e:any) { if (el.contains(e.target)) { return false; ...原创 2019-08-07 11:48:52 · 1765 阅读 · 0 评论 -
Vue2 中使用 highlight 代码高亮插件
安装通过npm安装,淘宝镜像用cnpm命令npm install --save vue-highlightjs使用 vue-highlightjs在主入口文件(如main.js):// 导入 Vue 和 vue-highlgihtjsimport Vue from 'vue'import VueHighlightJS from 'vue-highlightjs'...转载 2019-07-30 09:53:56 · 3721 阅读 · 0 评论 -
vue :用html2canvas 转pdf
dom:<Button @click="test">导出</Button><Button @click="test1">导出图片</Button><div class="pdf"> <img :src="imgData" class="img100"></div>js:test1()...原创 2019-05-22 14:10:04 · 664 阅读 · 0 评论 -
vue Input失去光标事件 blur、获得焦点
<Input type="text" v-model="description" class="text" placeholder="请输入描述信息,鼠标点击空白处保存。" ref="input_description" @blur.native.capture="onChange"></Input>//获得焦点this.$nextTick(()=>{...原创 2019-07-25 15:35:58 · 36481 阅读 · 5 评论 -
vue注意事项
data{return { list:{ data:[]}}}通过接口给list.data赋值,然后想在list.data里新增一个对象,并且达到双向绑定的效果,就需要_.forEach(this.list.data,(item)=>{ this.$set(item,'lod',false);})某个div添加监听事件<div re...原创 2019-06-21 15:41:25 · 93 阅读 · 0 评论