![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue前端
文章平均质量分 53
WANGBIN.
这个作者很懒,什么都没留下…
展开
-
Vue Element表格组件的合并与导出功能
Vue Element表格组件的合并与导出功能原创 2021-10-19 16:08:12 · 1747 阅读 · 0 评论 -
记录Vue拖拽插件Draggable的使用
Draggable是基于Sortable.js的一个Vue组件:具体信息和官方实例首先安装、引入:npm install vuedraggableimport draggable from 'vuedraggable'使用方法:<template> <div> <draggable element="ul" v-model="listdata"> <li v-for="item in listdata">{{原创 2020-07-29 08:58:19 · 179 阅读 · 0 评论 -
mavon-editor编辑器新增的图片上传功能
mavon-editor编辑器新增的图片上传功能官方网址给出了图片上传的详细步骤,但是删除图片仅仅是删除了数组内的,其实图片还是存在服务器的,这就很难受了,记录一下删除图片的方法:<mavon-editor v-model="todoForm.description" :subfield="false" :defaultOpen="todoForm.id?'preview':'edit'" style="min-height: 500px" :ishl原创 2020-07-28 15:38:11 · 1542 阅读 · 2 评论 -
Vue组件进阶用法与实践
Vue组件进阶用法与实践一 、基础组件自动化全局注册使用场景:模块系统内频繁使用的基础组件;使用方法:使用 require.context 全局注册;比如说我们的内部网站,目前我们的页面使用的是局部注册,按需加载:import ComponentA from './ComponentA'import ComponentC from './ComponentC'export default { components: { ComponentA, Component原创 2020-08-28 19:06:49 · 410 阅读 · 0 评论 -
Vue之间的组件通信
Vue之间的组件通信vue.js最强大的功能之一就是组件,不同的组件之间的作用域是相互独立的:而组件之间常用的几种通信方式包括:props/$emit $emit/$on Vuex $attrs/$listeners provide/inject $parent/$children和$ref1.props/$emit...转载 2020-07-13 22:53:46 · 184 阅读 · 0 评论 -
基于ECharts的职位地铁图的实现
目的现在有一个需求,是要实现如下图所示的一个职位地铁图,用来表示公司所有的职位情况,其中黄色表示经历过的职位,绿色表示当前的职位,实现的方法可能包括canvas绘制甚至是一个个div拼凑而成,本篇文章介绍一种比较简单的方法——基于ECharts来实现。1、熟悉ECharts实例因为是基于ECharts来实现的,所以我们先来熟悉一下ECharts官方所提供的一个Graph实例,地址:https://echarts.apache.org/examples/zh/editor.html?c=gra原创 2020-08-02 15:25:29 · 1437 阅读 · 0 评论 -
前端按钮导航栏过宽时的左右滚动效果
这个方法是使用margin-left来实现的,通过设置展示导航栏固定的宽度,使用margin-left来实现展示的区域,如下图所示:我这里使用按钮来作为导航,导航按钮固定宽度为130px;导航栏展示宽度1170px,即最多展示9个导航按钮,多出来后会出现左滑右滑按钮,然后根据左边距来展示:<div style="display:flex"> <i v-show="briefingList.length>9"//我这边设置最多显示9个按钮,多于9个才出现.原创 2020-07-02 19:41:54 · 1293 阅读 · 0 评论