vue
風缘
前端路上
展开
-
element upload支持批量上传且支持不同文件上传不同服务
最近项目中遇到个新需求,添加附件时要支持附件的批量上传。目前项目中附件上传是一个一个上传,图片和其他类型的文件分别上传到不同的服务。原本想是直接加上:multiple="true" 就完事,事实并不如此,先看下代码:<el-upload ref="upload" :multiple="true" :action="uploadAction" :accept="acceptUpload" :auto-upload="true" :show-file-li原创 2021-08-27 12:55:28 · 1336 阅读 · 0 评论 -
Vux的VChart支持antv F2交互行为(Interaction)
F2提供了以下五种通用的交互行为(Interaction):图表平移(Pan)图表缩放(Pinch)Swipe 快扫饼图选中柱状图选中v-chart并不支持F2的交互行为(Interaction),如果我们要想图表支持Interaction,有以下两种方式:不用v-chart实现,直接用F2基于v-chart组件进行二次封装我以实现图表平移(Pan)举例:示例所...原创 2020-03-27 11:59:47 · 2073 阅读 · 1 评论 -
form-create使用总结
给表单项加className方便调整样式rule: [{ type: 'input', title: '货物总毛重(KG)', // label名称 field: 'totalGrossWt', // 字段名称 value: '', // input值, col: {span: 16, labe...原创 2019-10-22 18:03:52 · 21194 阅读 · 0 评论 -
$attrs和$listeners
$attrs与$listeners的主要应用是实现多层嵌套传递。组件A与组件B通信一般都会使用组件B中转,即A传递给B,B再给C,但是如果A到C组件之间嵌套的组件过多,需要传递的事件和属性较多,会导致代码繁琐,代码维护困难。在vue2.4中,为了解决该需求,引入了$attrs和$listeners,新增了inheritAttrs选项。$attrs的使用官方定义:包含了父作用域中不作为pr...原创 2019-09-05 12:03:25 · 9403 阅读 · 0 评论 -
Vue 的小奇技
1.监听第三方组件的生命周期钩子通过使用 @hook: 前缀监听生命周期中的钩子,并指定回调函数。举个例子,如果你想要在第三方组件 v-runtime-template 渲染时做一些事情,那么你可以监听它的生命周期中的 updated 钩子:<v-runtime-template @hook:updated="doSomething" :template="template" />...原创 2019-09-03 17:53:00 · 388 阅读 · 0 评论 -
vue 富文本框插件quill-editor 踩坑
(1)最新版本的需要单独引入样式(2) 多个页面中不能存在多个quill-editor,不然会出现这样的情况将toolbar的id设置成动态(3)禁用quill-editor注意:最好用this.quill.enable,用this.quill.disable的话设置禁用后,想还原设置this.quill.disable(false)是没效果的this.quill.enable(fal...原创 2019-09-03 17:34:46 · 1803 阅读 · 0 评论 -
vue中dom操作
this.$el当前组件最外层div<template> <!-- <div class="hot-wrap" v-on:contextmenu.prevent = "create"> --> <div class="hot-wrap" @mousedown.self = "mousedownHandle"> <hot &g...原创 2019-09-03 17:28:57 · 259 阅读 · 0 评论 -
vue面试知识点总结
对于Vue是一套渐进式框架的理解在我看来,渐进式代表的含义是:主张最少。每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。比如说,Angular,它两个版本都是强主张的,如果你用它,必须接受以下东西:必须使用它的模块机制- 必须使用它的依赖注入- 必须使用它的特殊形式定义组件(这一点每个视图框架都有,难...原创 2019-09-03 15:27:56 · 634 阅读 · 0 评论 -
vue中dom操作
this.$el当前组件最外层div<template> <!-- <div class="hot-wrap" v-on:contextmenu.prevent = "create"> --> <div class="hot-wrap" @mousedown.self = "mousedownHandle">原创 2018-12-12 23:28:04 · 3871 阅读 · 0 评论 -
Vue.js 和 MVVM 小细节
文章转载至:点击打开链接MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库,专注于View 层。它的核心是 MVVM 中的 ...转载 2018-03-11 14:21:52 · 184 阅读 · 0 评论 -
iview组件使用总结
用iview组件做一个后台管理系统,以下是使用过程遇到的问题,以及解决方法总结原创 2017-10-25 16:44:33 · 21485 阅读 · 0 评论