加加加菲猫

需求为： 点击上传按钮上传给后台，后台返回给前端一个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=

项目打包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/输入密码就部署成功了...

子组件代码<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

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

效果图后台传的是日期格式，所以需要先转换时间戳再转换为日期。response.data是所有后台数据，jsEvaluationTime是日期字段。checkData(){ let type = 0; let url = SUPPLIERREQUESTPREFIXLIU + '/contract/findScoreDetil?type='+ type this.$htt...

页面效果附件上传&lt;Upload class="mar-t" ref="upload" :show-upload-list="false" :multiple="true" :format="['jpg','jpeg','png', 'pdf', 'zip', 'rar', 'xls', 'docx', 'txt']" :be..

columns4: [ { title: '操作', key: 'action', width: 150, align: 'center', render: (h, params) =&gt; { return h('div', [ h('Button', { props: { t...

父组件：&lt;!-- message为子组件取数据所用，diagramData为父页面数据 --&gt;&lt;go-model :message="diagramData"&gt;&lt;/go-model&gt;// 引入子组件gojsimport goModel from '../../commonTools/go.vue';export default { comp...

先推荐一篇文章http://www.cnblogs.com/Renyi-Fan/p/9995718.html栗子1效果图可折叠的 family tree：此例是单纯的HTML格式，代码复制粘贴就会出效果同上需要先定义DOM&lt;div id="myDiagramDiv" style="min-width:900px; height:600px"&gt;&lt;/div&gt;...

 日历的DatePicker结束时间不能小于开始时间。HTML&lt;DatePicker type="date" :options="startTimeData" @on-change="startTimeChange" placeholder="请选择开始时间" v-model="starttime"&gt;&lt;/DatePicker&gt;&

 效果如图：代码：&lt;IEcharts :option="option" :style="style"&gt;&lt;/IEcharts&gt;// 引入echartsimport IEcharts from 'vue-echarts-v3' var colors = ['#5bc871', '#3e95e5', '#aaa', '#aecfed'];export...

安装echartscnpm install --save vue-echarts-v3新建一个一个通用的折线图组件  line.vue import IEcharts from 'vue-echarts-v3' // 导入IEcharts组件export default { props: { obj: null }, data

 html &lt;nav class="navigation"&gt; &lt;ul class="pagination"&gt; &lt;li class="Previous" v-on:click="prev"&gt;上一页&lt;/li&gt; &lt;li&gt; &lt;a href=

 安装 vee-validate cnpm install vee-validate创建zh_CN.js（内容复制即可）  export default { after: (field, [target]) =&gt; ` ${field}必须在${target}之后`, alpha_dash: (field) =&gt; ` ${field}能够包含字母...

 原文链接安装的SuperAgent cnpm install superagent -D创建api.js内容为  // 配置API接口地址var root = 'http://59.111.91.123'// 引用superagentvar request = require('superagent')// 自定义判断元素类型JSfunction t...

需先安装node，在根目录安装，若是windows就安装c盘。安装完node会自带npm，npm -v检测node下载地址：http://nodejs.cn/download/mac安装需要获取root权限，输入sudo -s 会提示输入密码，完成即可安装提示权限不足是需要加sudo安装webpack -g 表示全局安装npm install webpack -g确认...

 vue请求方式之一&lt;!-- 直接引入使用 --&gt;&lt;script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"&gt;&lt;/script&gt;&lt;!-- npm安装 --&gt;npm install vue-resource// 使用方法init(...

  html &lt;div&gt; &lt;input type="text" @click="openByDialog" :value="calendar.display" ref='time' readonly="readonly"&gt; &lt;div class="calendar-dialog" v-if="calend