- 博客(41)
- 资源 (2)
- 收藏
- 关注
原创 Vue记录
新建项目vue init webpack vuecliTest(项目名)项目名不能用大写根据项目需要进行选择下面选项东西新建项目完成后,下载依赖包cnpm i
2020-05-31 22:21:45 220
原创 Vue时间轴
原型图数据结构JZQK 是原型图中的 起始 xxxx-xx-xxDATAS 是蓝色进展情况以下代码语法不严谨把class写成ColorValue={},是因为点击的时候,需要改变当前的颜色。当点击进度块查看信息的时候,改变当前块的颜色,...
2020-05-31 22:20:53 909
原创 控制element tree组件展开子节点
如果tree组件没有添加default-expand-all,则是收起状态(下图)。如果default-expand-all设为true,则是全展开子节点。现在是用按钮控制默认打开的树形节点,而不是全部。采用以下方法。利用文档中的方法通过子default-expanded-keys默认打开某个节点。element文档里面有这个方法。idArr是我定义的数组...
2019-05-08 11:08:49 3318 2
原创 获取树形结构的每一个节点的最后一个子节点
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>json获取</title></head><body></body><script src="https://code.jquery.com...
2019-05-08 10:41:13 7238
原创 ECharts 在Element tabs 里面图形缩小
ECharts 在Element tabs里面图形缩小了,设置了宽度100% 还是不可以。加上:lazy=true就可以了
2019-04-09 11:52:23 541
原创 div+ul 模拟select下拉
<style> input{ width: 100px; height: 30px; text-indent: 1em; font-size: 16px; }div{ width: 100px; /* background-color: pink; */ height: 17...
2018-12-08 14:49:50 1401
原创 v-for json渲染三层
navlist: [ { label: "一级 1", children: [ { label: "二级 1-1", children: [ { label: "三级 1-1-1" ...
2018-11-24 11:19:43 577
原创 jQuery validate 动态添加验证
添加验证 $(".yjname").rules("add", 'required');删除验证 $(".yjname").rules("remove", 'required');在提交时候生效
2018-11-22 22:31:39 1250
原创 jquery validate相同name只验证一次的问题
把绿色这句注释了,添加下面这一句这就可以解决了 jquery validate相同name只验证一次的问题
2018-11-22 10:49:23 344
原创 Jquery Validation验证固话+手机号码
先引入jQuery+jQuery Validation.js<div class="edit_phone1 tis_edit"> <form id="cell" class="form-horizontal" method="get" action=""> <div class="select_
2018-11-20 23:02:11 689
原创 Vue echart饼状图
<template> <!--为echarts准备一个具备大小的容器dom--> <div id="main" style="width: 600px;height: 400px;"></div></template><script> import echarts from 'echa
2018-11-14 22:08:59 1177
原创 Vue+echart折线图和柱状图
先执行 npm i echarts -s 命令在页面中 导入 import echarts from 'echarts';数据格式 ajax请求回来后(vm=this)把数据赋值到图表上,后在调用一次图表的方法。由于数据是异步加载的,图表完成加载时,数据还没完全渲染完页面。 ...
2018-11-14 22:05:31 8434 1
原创 Vue 对路由变化作出响应
上面是要跳转的地址,tree后面是参数。从第一个地址跳转的第二个路由地址改变了,但是页面没有进行刷新。 watch: { $route(to, from) { this.getTabsData(); // 对路由变化作出响应...(请求页面数据的) } },加上上面的代码就可以改变页面了...
2018-11-06 13:38:20 630 1
原创 vue-treeselect 项目中应用出现的一些问题
https://vue-treeselect.js.org/ 官网npm install --save @riophae/vue-treeselect 在页面中引入 <template v-else-if="S_col.TYPE == 'treeSelect'"> <div :class="['zw-block', 'zw...
2018-11-02 11:02:30 12459 1
原创 vue+element tree ----增加修改删除上下移动
用vue+element制作的树形 可以增加修改删除上下移动 <template> <div> <div class="exam_structure"> <el-input placeholder="输入关键字进行过滤" v-model="filterText">
2018-10-27 17:58:57 9209 4
原创 element树形菜单 --增删改
安装依赖cnpm install babel-plugin-transform-vue-jsx -Scnpm install babel-helper-vue-jsx-merge-props -Scnpm install babel-plugin-syntax-jsx -S然后在.babelrc文件中配置插件即可{ "presets": [ ["env", { ...
2018-10-24 15:58:15 4025
原创 Echarts 折线图出现的问题
官网的例子的这样子的(如下图) 最大的数据的932 可是绿色的线条开始的点到了1500以上了。把代码中的stack去掉就可以了,线条就正常了 ...
2018-10-10 21:51:45 1073
原创 echarts 2d地图上添加柱形图
<!DOCTYPE html><html lang="en" style="height: 100%"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/echarts.min.js">&l...
2018-09-25 23:40:46 3527 4
原创 echarts 2d地图
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>2D地图示例</title> <script type="text/javascript" src="../jquery-1.11.1.min.js"></sc...
2018-09-12 20:49:43 1204
原创 eacharts 嵌套饼圆
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="..
2018-09-11 22:31:28 521
原创 jquery easyui下拉框多选 和原生多选下拉多选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> ..
2018-09-04 21:17:47 11117
原创 响应式弹出窗
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-08-30 23:24:28 371
原创 jquery validate验证表单
jquery validate是用来验证表单的,其他的没有效果。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i
2018-08-26 17:47:24 172
原创 webpack 打包出现的错误
如果出现以下图示的错误,有可能是webpack.config.js文件中引用的文件的地址写错了。出现这种原因是webpack.config.js文件没有配置好
2018-08-15 21:59:16 800
原创 Vue-Router在 vue1.0中的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-08-07 21:44:22 368
原创 tab切换页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tab-JQ</title> <style> * { margin:
2018-08-02 21:57:13 466
原创 根据内容增加div高度,不阻挡兄弟div
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-07-29 20:38:23 399
原创 文字挤满div---换行
粉红色框是div的高度,文字换行后,溢出也会显示。没有做溢出<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i
2018-07-29 20:22:00 529
原创 表格数据重复-------表格数据去重再合并
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>
2018-07-29 19:45:49 3202 1
原创 ECharts 地图使用
下图样子的地图,当鼠标经过某块的时候就变颜色+出现地名字。引入jquery和echarts<div id="main"></div>$.get('fujian.json', function (yCjson) { //json文件是地图的需要的数据。百度一下就可以找到 所需要的省份的json文件。 ...
2018-07-18 21:14:28 376
原创 arttemplate 渲染表格
要用arttemplate模板制作下面那样的表格。//引入模板js<script src="jquery-1.11.1.min.js"></script><script src="template-web.js"></script>json数据格式。<div id="demo1">
2018-07-17 23:41:37 1116
原创 用CSS画一个三角形替换select中的三角形
第一步:去除select中的三角形 appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */第二步:画一个css小三角形~~~<div class="sanjiao_down"></div>.sanjiao_down{width:0...
2018-07-09 23:17:16 701
原创 点击select中的option 变换 下面的div内容
发现select下面option很难被选中,$(this).index();也不行。最后采用了一种笨的方法,给每个option才value值。通过$(this).val() 获取value的数字。然后匹配div中的索引,达到点击显示对应的内容。 <style> .test1 { width: 300px; ...
2018-07-09 22:46:52 2210
原创 Echats 3D地图 制作
如果给每一块的设置不同的颜色就需要在 黄色小括号中{}设置颜色 //鼠标经过显示地方名字 tooltip: { formatter: function (params) { var content = params.name; return content; } ...
2018-07-05 21:13:51 1338 1
原创 Echarts雷达图绘制及其动态获取参数
这个是采用Echarts绘制的雷达图。 <div id="chart"></div>js代码// 基于准备好的容器(这里的容器是id为chart1的div),初始化echarts实例 var radar_chart = echarts.init(document.getElementById("chart")); // 指定图表的配置项...
2018-07-05 21:00:43 8433
原创 Canvas 环形进度条
<canvas id="canvas7"></canvas> function loadCircleData(score) { new Progress().renderOne("canvas7", 120, 5, score); }score 是后台传过来的值-----62,2var Progress = function() { var...
2018-07-04 23:42:38 153
原创 layui日历显示当前日期
<!-- 日历 --> <div class="layui-inline"> <div class="layui-input-inline"> <input type="text" class="layui-input" id="test1" style="
2018-07-04 23:33:07 3419 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人