logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element-ui table 表格组件实现可拖拽效果(行、列)

效果如下:1、首先,需要执行npm install sortablejs --save-dev安装sortable.js2、在页面内引入<template><div style="width:800px"><el-table :data="tableData"borderrow-key="id"a...

vue 设置和获取cookie

写法1:methods: {  //设置cookie      setCookie: function (cname, cvalue, exdays) {        var d = new Date();        d.setTime(d.getTime() +...

element el-table的封装以及使用

1、封装table.vue组件<template><div><el-table:data='tableData'><!--多选列--><el-table-columnv-if='selectionShow'...

js 前端数据多条件筛选过滤

最近在用vue做一个后台管理项目,因为vue2.0删除了内置的过滤器,无法再像1.0版本或者angularJs那样直接使用内置的过滤器实现数据的多条件筛选过滤。因此自己写了一个方法来实现这种功能。//假设后端通过接口给我们的数据如下:let data = [ {name: 'Andy',age: 13}, {name: 'Jack...

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...

Vue中使用z-tree插件 —— 点击展开事件异步加载子节点

在vue中使用z-tree插件,执行异步加载时候,API文档提示必须写上。async: {enable: true,url: "nodes.php",autoParam: ["id", "name"]}琢磨了好久,写出来的。首先,要弄清楚这两个事件的方法:1、节点展开(点击前面那个‘+’号或

vue 在一个元素上同时绑定单击和双击事件

在做项目过程中,需求是点击孔位单击弹出对话框查看产品总数,双击弹出对话框查看详情。一开始直接click和dblclick写在标签里面,但是不管怎么样,总是执行单击事件解决办法:利用计时器,在大概时间模拟双击事件这里以table 单元格事件为列子:<el-table :data="tableData"@cell-dblclick="doubleCli...

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代码<...

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...

手机端局部滚动问题 overflow-y:auto|scroll无效的解决办法

手机端局部滚动问题 overflow-y:auto|scroll无效,使用iscroll解决,发现部分安卓手机还是不支持。最终,使用的Swiper插件,模拟局部滚动效果实现的,比isscroll好用。(测试的时候,需要把应用软件卸载,重新安装一遍就可以了。)代码如下:<div class="big_box"><div class=&qu

到底了