![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 82
Eliano
这个作者很懒,什么都没留下…
展开
-
vue 怎么把自己的组件打包和下载使用
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2020-01-20 15:53:16 · 2129 阅读 · 0 评论 -
element el-table的封装以及使用
1、封装table.vue组件<template> <div> <el-table :data='tableData'> <!--多选列--> <el-table-column v-if='selectionShow' ...原创 2020-01-17 15:01:27 · 2948 阅读 · 1 评论 -
教你自己创建一个Vue的UI组件库类似Element
**网上看到了这篇文章 非常的棒哈**前言随着前端的三大框架的出现,组件化的思想越来越流行,出现许多组件库.它能够帮助开发者节省时间提高效率,如React的Ant-design,Vue的iView,Element等,它们的功能已经很完善了.我写这遍文章的目的:记录自己搭建UI库的过程(对Vue的理解加深了好多)演示地址首先讲一下思路:平常写组件时,写一个组件要用时直接导入就行了,...转载 2019-11-06 14:44:04 · 1541 阅读 · 1 评论 -
element-ui table 表格组件实现剪切列效果
效果如下:操作后效果:1、HTML代码:<template> <div class="conter"> <!-- 筛选列选项 --> <div class="filter-container"> <el-checkbox-group v-model="formThead"> ...原创 2019-04-30 11:15:36 · 3347 阅读 · 10 评论 -
vue 在一个元素上同时绑定单击和双击事件
在做项目过程中,需求是点击孔位单击弹出对话框查看产品总数,双击弹出对话框查看详情。一开始直接click和dblclick写在标签里面,但是不管怎么样,总是执行单击事件解决办法:利用计时器,在大概时间模拟双击事件这里以table 单元格事件为列子:<el-table :data="tableData" @cell-dblclick="doubleCli...转载 2019-05-06 14:13:27 · 5110 阅读 · 0 评论 -
element ui 表格动态生成多级表头,可无限嵌套
效果图官网的写法是el-table-column下面嵌套el-table-column,如下:<template> <el-table :data="tableData3" style="width: 100%"> <el-table-column prop="date" label="日期" wi...转载 2019-05-06 15:15:36 · 2604 阅读 · 0 评论 -
js 前端数据多条件筛选过滤
最近在用vue做一个后台管理项目,因为vue2.0删除了内置的过滤器,无法再像1.0版本或者angularJs那样直接使用内置的过滤器实现数据的多条件筛选过滤。因此自己写了一个方法来实现这种功能。//假设后端通过接口给我们的数据如下:let data = [ { name: 'Andy', age: 13 }, { name: 'Jack...转载 2019-05-15 17:15:38 · 3094 阅读 · 0 评论 -
vue 设置和获取cookie
写法1:methods: { //设置cookie setCookie: function (cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() +...转载 2019-07-29 14:37:36 · 2610 阅读 · 0 评论 -
element-ui table 表格组件实现可拖拽效果(行、列)
效果如下:1、首先,需要执行npm install sortablejs --save-dev 安装sortable.js2、在页面内引入<template> <div style="width:800px"> <el-table :data="tableData" border row-key="id" a...转载 2019-04-30 10:59:48 · 29692 阅读 · 20 评论 -
VUE饿了么树形控件添加增删改功能
转自:https://segmentfault.com/a/1190000011574698#articleHeader2element-ui树形控件:地址在原文档中有个案例是有新增和删除功能,但是后来发现其修改的数据并不能直接影响到树形数据,所以采用了 render-content 的API重新写了个组件。写个开发的步骤,所以文章比较长emmm2018.07.25更新elementU...转载 2018-12-11 10:41:08 · 2329 阅读 · 0 评论 -
vue中引入jquery
vue中引入jquery2018年03月07日 10:37:19 看淡江湖 阅读数:9631更多个人分类: vue版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hhy1006894859/article/details/794674451、在项目中安装jquery。npm install jquery --save-dev2、在项目根...转载 2018-12-25 09:41:02 · 151 阅读 · 0 评论 -
z-tree 菜单名称过长以省略号显示,鼠标划过显示全部
1、正常后台传给前台的数据格式如下:var nodes = [{id:1, pId:0, name: “父节点1”},{id:11, pId:1, name: “子节点1”},{id:12, pId:1, name: “子节点2”}];2、需要后台多传递一个参数var nodes = [{id:1, pId:0, name: “父节点1…”,title: “父节点155555555...原创 2019-03-25 16:52:16 · 1345 阅读 · 2 评论 -
ztree树只允许兄弟节点之间拖拽
重点:setting.callback.beforeDrop 返回 false,zTree 将恢复被拖拽的节点。思路:利用该特性,可以在 beforeDrop 具体实现中判断是否在兄弟节点间拖拽。//zTree配置var setting = { edit: { enable: true, showRemoveBtn: false, sh...转载 2019-03-26 16:12:56 · 629 阅读 · 0 评论 -
vue引入高德地图--鱼骨图、地图类型切换、鼠标绘制工具
高德api文档地址:https://lbs.amap.com/demo-center/js-api1、创建地图<div id="container"></div>mounted(){ this.initMap()},methods:{ initMap(){ let map = new AMap.Map('container', { res...原创 2019-04-19 10:22:49 · 3957 阅读 · 3 评论 -
vue引入百度地图 地图控件和绘图工具(电子围栏)
一、参考文档1、官方文档:http://lbsyun.baidu.com/index.php?title=jspopular/guide/show2、百度地图JavaScript API v2.0类参考:(方法很细)http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a6b0二、代码:1、HTML代码<...原创 2019-04-19 14:00:21 · 8820 阅读 · 7 评论 -
vue 专题 vue2.0各大前端移动端ui框架组件展示
转载:https://www.cnblogs.com/maqingyuan/p/9737236.htmlvue 专题 vue2.0各大前端移动端ui框架组件展示Vue 专题一个数据驱动的组件,为现代化的 Web 界面而生。具有可扩展的数据绑定机制,原生对象即模型,简洁明了的 API 组件化 UI 构建 多个轻量库搭配使用请访问链接:https://www.awesomes.cn/subj...转载 2019-05-05 15:26:56 · 1948 阅读 · 0 评论 -
Vue中使用z-tree插件 —— 点击展开事件异步加载子节点
在vue中使用z-tree插件,执行异步加载时候,API文档提示必须写上。async: { enable: true, url: "nodes.php", autoParam: ["id", "name"] }琢磨了好久,写出来的。首先,要弄清楚这两个事件的方法:1、节点展开(点击前面那个‘+’号或双击节点)onExpand:节点展开的事件回调函数2、原创 2018-12-27 11:11:00 · 4520 阅读 · 4 评论