- 博客(26)
- 收藏
- 关注
RSS订阅原创 记录el-select+el-tree复选框，支持模糊查询，懒加载，树父子节点不关联，不全选
一个机构下拉菜单，一个人员下拉菜单，默认带入当前登录用户的机构和人员。机构下拉菜单为两个接口，模糊查询为一个接口不包含懒加载，默认非模糊查询情况下为一个接口，点击节点懒加载。机构下拉菜单数据变动更新人员下拉菜单数据。日期默认为当天
2024-01-12 17:09:05
695
原创 vue 使用element UI 多个图片上传编辑提交
需求为： 点击上传按钮上传给后台，后台返回给前端一个ID，前端需要保存一下，所有文件都上传之后点击保存把之前存好的ID传给后台。预览首先需要循环一下这10条数据，代码为<el-row type="flex" :gutter="20" justify="start" v-for="(item,index) in filesData" :key="item.text"> <el-col :span="18"> <p><span class=
2021-09-22 17:57:27
1229
原创 vue 项目部署
项目打包cd 到文件夹：cd master/web打包命令：（正常使用npm run build就可以）npm run build:prod --report我这里需要连接vpn，因项目而异启动vpn打包好的文件夹 web/dist文件夹打包好的文件夹 web/dist文件夹下的内容复制到E: 盘web中进入C：盘，执行：scp -r E:\web root@192.168.10.180:/opt/nipvt/输入密码就部署成功了...
2020-09-20 23:53:08
151
原创 vue 组件引入echart地图
子组件代码<template> <div :class="className" :style="{height:height,width:width}" /></template><script>import echarts from 'echarts'import 'echarts/map/js/china.js'require('echarts/theme/macarons') // echarts themeimport resi
2020-09-19 23:53:39
552
1
原创 Sublime Text3 安装简体中文
打开Sublime Text3 ，按Ctrl+`输入以下代码import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp,
2020-06-28 16:19:20
275
原创 vue-cli4
vue-cli4搭建项目没有vue.config.js需在根目录手动添加，官网给出拉取cli2模板。npm install -g @vue/cli-init// `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同vue init webpack my-project手动创建vue.config.js复制粘贴，保存到根目录。module.exports =...
2020-04-03 16:45:04
245
原创 vue render 嵌套 iview Poptip 及on-ok事件
columns4: [ { title: '操作', key: 'action', width: 150, align: 'center', render: (h, params) => { return h('div', [ h('Button', { props: { t...
2019-01-11 10:25:22
6457
原创 gojs 无水印版
直接复制新建go.js文件即可 /* * GoJS v1.7.24 JavaScript Library for HTML Diagrams * Northwoods Software, https://www.nwoods.com/ * GoJS and Northwoods Software are registered trademarks of Northwoods Softw...
2019-01-10 13:41:15
2020
原创 vue 表格列日期排序
效果图后台传的是日期格式，所以需要先转换时间戳再转换为日期。response.data是所有后台数据，jsEvaluationTime是日期字段。checkData(){ let type = 0; let url = SUPPLIERREQUESTPREFIXLIU + '/contract/findScoreDetil?type='+ type this.$htt...
2019-01-10 11:37:48
4556
原创 vue iview附件上传 下载
页面效果附件上传<Upload class="mar-t" ref="upload" :show-upload-list="false" :multiple="true" :format="['jpg','jpeg','png', 'pdf', 'zip', 'rar', 'xls', 'docx', 'txt']" :be..
2019-01-03 11:25:32
3761
1
原创 vue gojs组件及动态传值
父组件：<!-- message为子组件取数据所用，diagramData为父页面数据 --><go-model :message="diagramData"></go-model>// 引入子组件gojsimport goModel from '../../commonTools/go.vue';export default { comp...
2018-12-26 09:58:05
1531
原创 gojs 在vue中简单使用
先推荐一篇文章http://www.cnblogs.com/Renyi-Fan/p/9995718.html栗子1效果图可折叠的 family tree：此例是单纯的HTML格式，代码复制粘贴就会出效果同上需要先定义DOM<div id="myDiagramDiv" style="min-width:900px; height:600px"></div>...
2018-12-21 18:01:14
6508
3
原创 vue 中使用iview的一些知识点
日历的DatePicker结束时间不能小于开始时间。HTML<DatePicker type="date" :options="startTimeData" @on-change="startTimeChange" placeholder="请选择开始时间" v-model="starttime"></DatePicker>&
2018-08-10 11:30:31
1382
原创 vue使用 echart line 及属性备注
效果如图：代码：<IEcharts :option="option" :style="style"></IEcharts>// 引入echartsimport IEcharts from 'vue-echarts-v3' var colors = ['#5bc871', '#3e95e5', '#aaa', '#aecfed'];export...
2018-07-20 11:36:58
955
原创 echarts 地图散点
效果如图： 代码如下：html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>曾经走过的那些城市</title> <div id=&
2017-11-14 17:08:23
3925
原创 canvas 绘制路飞
<canvas id="luffy" width="370" height="340"></canvas><p class="erhuo">二货</p><style> .erhuo { font-siz
2017-10-25 14:28:12
738
原创 vue echarts3
安装echartscnpm install --save vue-echarts-v3新建一个一个通用的折线图组件 line.vue import IEcharts from 'vue-echarts-v3' // 导入IEcharts组件export default { props: { obj: null }, data
2017-09-28 15:46:59
649
原创 vee-validate 验证
安装 vee-validate cnpm install vee-validate创建zh_CN.js（内容复制即可） export default { after: (field, [target]) => ` ${field}必须在${target}之后`, alpha_dash: (field) => ` ${field}能够包含字母...
2017-09-27 14:01:13
5089
转载 vue superagent组件 接口请求
原文链接安装的SuperAgent cnpm install superagent -D创建api.js内容为 // 配置API接口地址var root = 'http://59.111.91.123'// 引用superagentvar request = require('superagent')// 自定义判断元素类型JSfunction t...
2017-09-27 11:14:29
1959
原创 vue 分页
html <nav class="navigation"> <ul class="pagination"> <li class="Previous" v-on:click="prev">上一页</li> <li> <a href=
2017-09-26 16:53:59
822
转载 vue 日历
html <div> <input type="text" @click="openByDialog" :value="calendar.display" ref='time' readonly="readonly"> <div class="calendar-dialog" v-if="calend
2017-09-26 14:43:48
1765
原创 vue 知识点
vue请求方式之一<!-- 直接引入使用 --><script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script><!-- npm安装 -->npm install vue-resource// 使用方法init(...
2017-09-21 15:01:17
372
原创 vue 安装 环境搭建
需先安装node，在根目录安装，若是windows就安装c盘。安装完node会自带npm，npm -v检测node下载地址：http://nodejs.cn/download/mac安装需要获取root权限，输入sudo -s 会提示输入密码，完成即可安装提示权限不足是需要加sudo安装webpack -g 表示全局安装npm install webpack -g确认...
2017-09-21 11:12:43
1266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人