springboot整合postgresql 依赖 <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.4.6</version> </dependency> <dependency>
elementui设置弹框,内容宽度占满并且选择性展示 <el-dialog :visible.sync="shenheVisible" title="入库" @close="closeDialog" > <el-form ref="searchForm" :model="form" label-width="80px"> <el-form-item label="审核结果" style="width: 100%; display: block;"> <el-select
echarts 双Y轴图表 直接代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://www.echartsjs.com/examples/vendors/echarts/echarts.min.js?_v_=1571424732409"></script&g.
js数组json console.log()的时候显示{object} 1.需要进行解析使用JSON.stringify(array);2.console.log()输出[object Object]不能展开详情【解决方法】:console.log(“detail:”+this.props);改为如下即可(原因:字符串+将调用toString()函数将对象专为字符串了,所以不能展开详情)。console.log(this.props);...
Element-UI实现Tree 树形控件节点添加图标 Element-UI实现Tree 树形控件节点添加图标:属于自定义节点内容,可以通过两种方法进行树节点内容的自定义:render-content 和 scoped slot。1、scoped slot 实现在节点区添加图标传入两个参数 node 和 data , 分别表示当前节点的 Node 对象和当前节点的数据<template><div> <el-tree :data="data" :props="defaultProps" default-expand-a
ElementUI:tree组件背景色、鼠标hover悬浮背景色、选中背景色修改 .el-tree-node__content:hover{ background-color: #333 !important}.el-tree-node:focus>.el-tree-node__content{ background-color: #333 !important}
vue轮询方法 1.注意问题:一般轮询都会使用setInterval,但是单独使用它会使页面卡死。2.下面是3秒钟轮询一次的代码export default { data() { return { } }, mounted() { this.getList(); this.timer = window.setInterval(() => { setTimeout(() =&g
在vue项目中引用datav dv-scroll-board 1.npm 安装npm install @jiaminghi/data-view2. main.js 引用import DataV from '@jiaminghi/data-view' Vue.use(DataV)3.页面数据展示<template> <div> <div> <span>表格</span> <dv-scroll-board
在vue项目中引用datav dv-scroll-board 滚动列表1.npm 安装npm install @jiaminghi/data-view2.main.js 引用import DataV from '@jiaminghi/data-view' Vue.use(DataV)3. 页面数据展示<template> <div id="centreRight1"> <div class="bg-color-black"> <div class="d-flex pt-2 pl-2"
echarts设置柱子渐变颜色 在series内series: [ { data: this.allData[0].datavalue, itemStyle: { color: arg => { console.log(arg) if (arg.data > 300) { return new this.$echarts.graph
vue实现循环滚动列表vue-seamless-scroll 1.安装cnpm install vue-seamless-scroll --save2.文件中引入,组件配置import vueSeamlessScroll from 'vue-seamless-scroll'3.使用<template> <vue-seamless-scroll :data="CardPartsStatisticsList" class="seamless-warp" :class-option="classOption">
vue-seamless-scroll 无缝滚动 1.cnpm 安装:cnpm install vue-seamless-scroll --save2.引入在项目目录中,找到main.js。import scroll from 'vue-seamless-scroll'Vue.use(scroll)3、使用 (样式根据需求自行设置即可)<vue-seamless-scroll :data="fourData" :class-option="classOption" class="warp"> <u
使用 vue-router 跳转页面 使用如下this.$router.push() 的用法this.$router.push() 可以通过修改url实现路由跳转。// 字符串this.$router.push('/home/first')// 对象this.$router.push({ path: '/home/first' })// 命名的路由this.$router.push({ name: 'home', params: { userId: wise }})...
echarts柱状图添加点击事件 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>点击echarts圆柱体事件</title> <script type="text/javascript" src="js/echarts.min.js"></script> </head> <body&g
vscode中yarn命令不能使用是怎么回事 原因由于vscode中的集成终端使用的是powershell,所以我们要设置一下powershell的执行权限。解决方法:1.进入C:\Windows\System32\WindowsPowerShell\v1.0目录,找到powershell.exe文件。2.右键该文件,以管理员权限执行。3.执行set-ExecutionPolicy RemoteSigned命令,并输入y选项。4.重启vscode...
Echarts - tooltip属性设置 tooltip:提示框组件,用于配置鼠标滑过或点击图表时的显示框tooltip: { show: true, // 是否显示 trigger: 'axis', // 触发类型 'item'图形触发:散点图,饼图等无类目轴的图表中使用; 'axis'坐标轴触发;'none':什么都不触发。 axisPointer: { // 坐标轴指示器配置项。 type: 'shado
Vue轮播/走马灯组件:vue-slick-carousel 的使用 简介:vue-slick-carousel是一个支持SSR的Vue光滑轮播组件,继承了备受推崇的Slick Carousel的功能。vue-slick-carousel将其完全重写为Vue组件,提供了可变宽度、延迟加载或垂直滑块等各种功能。vue-slick-carousel从设计之初就支持SSR,并针对其做了性能提高。vue-slick-carousel支持多种模式:简单模式、居中模式、多项显示模式、多行显示模式、可变宽度、垂直模式、懒加载、同步播放等。安装:Npmnpm i vue-sl
vue之router-view组件的使用 navbar.vue:<template> <div class="navbar"> <ul id="main"> <li><router-link to="/food" >商品</router-link></li> <li><router-link to="/rating">评价</router-link></li> <li><
MAP地图点击省份显示当前地区地图 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>点击省份显示当前地区</title> </head> <body> <div id="main" style="height: 500px;"> </div> <script src="http://echarts.baidu.com