![](https://img-blog.csdnimg.cn/20191226111513287.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 62
Vue相关
Kalinda Sharma
这个作者很懒,什么都没留下…
展开
-
组装树形SpringBoot +Vue+Element-UI
实现效果后端SysOrg机构实体@Data@TableName("SYS_ORG")public class SysOrg implements Serializable { private static final long serialVersionUID = 1L; /** * 机构编码 */ @TableId private String orgNo; /** * 机构名称 */ private St原创 2021-05-27 09:20:21 · 1229 阅读 · 6 评论 -
vue导出excel
安装依赖npm install xlsx实现import XLSX from 'xlsx' exportExcel(resultArray) { let workSheet = XLSX.utils.aoa_to_sheet(resultArray) let workBook = XLSX.utils.book_new() XLSX.utils.book_append_sheet(workBook, workSheet, 'SheetJS') XLSX.writeFile(wo原创 2021-01-26 11:06:15 · 487 阅读 · 0 评论 -
父子组件之间互相调用方法
父组件调用子组件方法<template> <div> <el-table ref="curveTable" :data="curveEntityList" tooltip-effect="dark" highlight-current-row border > <el-table-column type="selection" align="center" /> <el-table-colu原创 2020-12-02 16:02:52 · 695 阅读 · 0 评论 -
Vue+Element-ui实现打印预览
安装print-template依赖npm install print-templatevue代码<template> <div id="container"> <el-row :gutter="12"> <el-col :offset="8" :span="8"> <el-card shadow="always"> <div slot="header" class="clearfix"原创 2020-08-24 17:00:46 · 10790 阅读 · 15 评论 -
Vue2-Editor+SpringBoot+Oracle实现上传文章
实现效果文章上传页面文章列表页面查看文章详细信息实现过程前端文章上传页面<template> <div> <div class="containDiv"> <el-row :gutter="5"> <el-col :span="4"> <span cla...原创 2020-04-06 14:50:03 · 276 阅读 · 0 评论 -
vue+echarts+springboot实现云词图
options.js数据文件(1)series中data置空,数据从后端获取(2)其他界面设置信息在前端写定echartsCloud.vue*(1)推荐使用ref(2)chart指向ref, 初始化视图(3) 向后端发送请求获取数据每次数据更改都需要执行setOption()操作(4)执行初始化数据(5)在mounted()中执行显示效果注意事项(1)不推荐使用...原创 2020-03-14 09:08:34 · 2473 阅读 · 1 评论 -
Vue+ECharts实现饼图、折线图、热词图
实现效果图使用步骤(1) 安装依赖npm install echartsnpm install echarts-wordcloud(2) main.js中引用import echarts from 'echarts'Vue.prototype.$echarts = echartsimport 'echarts-wordcloud'(3) 在本地建立静态数据文件optio...原创 2020-03-13 10:48:03 · 2071 阅读 · 2 评论 -
vue-router 传复杂参数
配置路由routes: [ { path: '/first/:dataList', name: 'firstView', component: firstView }, ]页面button<el-button type='primary' @click="goFirst" >first</el-but...原创 2020-01-17 13:20:56 · 808 阅读 · 0 评论 -
el-dialog销毁
问题描述使用<el-dialog>弹出框时,数据不会根据点击不同而实时更新,一直都会是第一次点击显示弹出框时的数据,这时就需要在弹出框关闭时销毁。v-if控制 <el-dialog title="修改信息" :visible.sync="updateTableVisible" center v-if="updateTab...原创 2020-01-16 11:14:55 · 3259 阅读 · 2 评论 -
Chorme添加vue-devtools插件
下载vue-devtools.crx文件下载地址: https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd.安装插件点击Chorme设置/扩展程序选择开发者模式将下载完的文件拖到页面中央,Chorme自动下载安装重新打开Chorme,添加完毕...原创 2020-01-07 13:44:22 · 365 阅读 · 2 评论 -
vue中父组件如何给子组件传值
定义子组件<template> <div> <p>{{transferData}}</p> </div></template><script>export default { name: "innerTemplate", props: ["transferData"], dat...原创 2020-01-07 12:21:28 · 201 阅读 · 0 评论 -
vue项目中使用本地静态JS数据文件
1、建立JS文件 data.jslet listState = [ { label: "设计中", value: "设计中" }, { lable: "重新修改", value: "重新修改" }, { label: "审阅中", value: "审阅中" }, { lable: "已审批", value: "已审批" }, { lable: "已发放",...原创 2020-01-07 10:57:22 · 3698 阅读 · 0 评论 -
新建VUE项目版本不匹配问题
新建Vue项目时遇到的版本不匹配问题新建vue项目步骤安装Node ;在Node官网(https://nodejs.org/en/)下载node安装包,按照提示信息安装node;在docs管理工具内,输入node –v检测是否安装成功;安装npm管理工具的淘宝镜像;npm install -g cnpm --registry=https://registry.npm.taobao....原创 2019-12-21 09:41:47 · 1111 阅读 · 0 评论 -
点击按钮实现显示与否且改变按钮值
代码如下v-on:click 可以简写为@click原创 2019-12-21 09:40:50 · 449 阅读 · 0 评论