前言学习 Vite 和 Vue3 并搭建项目 Demo，主要目的是搭项目，对于新手直接跟着操作就可以把项目搭起来，借这个机会自己尝试写写博客，希望对大家有帮助。（一）准备祖孙/父子组件使用 Element Plus 的抽屉组件，实现父组件按钮控制子组件抽屉打开的功能。1.祖/父组件 src/components/HelloWorld.vue<template>
<!-- 打开
<template v-for="item in sliders"> <!-- 二级路由/三级路由 --> <template v-if="item.children&&item.children.length>0"> <!-- 三级路由 --> <template v-if="item.child
原创
2021-07-13 16:22:31
2198阅读
vue项目中使用到三级联动，现在自己实现一个三级联动，仅供大家参考一下，直接上代码。<template>
<section class="container">
<el-row>
<el-select v-model="provinceValue" placeholder="请选择" @change="selectProvimce"
方法一、效果：源码：<template> <el-card shadow="never" class="aui-card--fill"> <
原创
2022-10-28 08:39:45
347阅读
后台传的数据为menuList:[{name:"首页",pid:0,id:28,url:"/main"},{name:"实时监测",pid:0,id:29,url:"/monitoring",childNode:[{name:"实时监测首页",pid:29,id:34,url:"/moni
原创
2019-07-17 17:41:12
7184阅读
vue + element +axios实现省市区三级联动。做之前你需要一个省市区一个库，在static目录下存储一个json：这里我提供一个json数据库，比较全；{"110000":"北京市","110100":"北京市","110101":"东城区","110102":"西城区","110105":"朝阳区","110106":"丰台区","110107":"石景山区","110108":"
转载
2024-09-12 10:41:40
46阅读
文章目录一、什么是动态路由二、为什么使用动态路由三、如何实现全局路由四、关于动态添加路由的弊端 一、什么是动态路由Vue动态路由就是我们的路由加载不是写死的，而是通过vue提供的router.addRoute或者router.addRoutes这两个函数的功能实现的。但这里推推荐大家使用 router.addRoute , 因为 router.addRoutes 使用会有警告并且此函数在 vue
HTML部分：js部分：datamethods方法部分计算属性computed computed: { getTotal(){ return this.myCarts.reduce((a,b) =>{
原创
2021-11-20 11:30:05
353阅读
Vue封装Excel公用导入组件，将内容显示在ElementUI表格中，将结果传递给后端进行数据库 操作前言一、演示1.选择文件2.查看内容二、界面1.主页面2.组件注册3.组件内容4.Excel读取总结 前言使用Vue读取Excel内的数据需要使用npm安装xlsx，将结果提取出来然后动态渲染到ElementUI的Table中进行结果展示，再一步点击确定来把数据传递给SpringBoot后端加
转载
2024-09-24 14:45:16
90阅读
效果预览 解决方案 UI代码// 这段代码主要是遍历权限<el-form-ite
转载
2022-06-20 22:35:05
165阅读
一、Model层 [Table("City")] public class City { [Key,DatabaseGenerated(DatabaseGeneratedOption.None)] public int CId { get; set; } public string CName { ...
转载
2021-08-27 20:57:00
384阅读
2评论
一、后台代码 //三级联动 public List<CityModel> GetCity(int id) { return db.CityModels.Where(p => p.PId == id).ToList(); } 二、页面的显示 省<select v-model="faData.Provi ...
转载
2021-08-29 20:42:00
588阅读
2评论
一、后台代码 在model层中定义一个类 [Table("City")] public class CityModel { [Key,DatabaseGenerated(DatabaseGeneratedOption.None)] public int ProvinceId { get; set; ...
转载
2021-08-27 15:16:00
541阅读
2评论
数据层： public List<City> GetCity(int Pid){ return db.City.Where(w => w.ParentId == Pid).ToList(); } 控制器: public ActionResult GetCity(int Pid) { return J ...
转载
2021-08-26 21:22:00
230阅读
2评论
/ 如果当前值和上一行的值相同，则将当前单元格隐藏。// 否则计算当前单元格应该跨越多少行。// 获取上一行相同列的值。// 获取当前单元格的值。
原创
2024-09-05 10:10:42
100阅读
Vue+element-ui实现表格数据渲染+分页具体属性请看官方文档：Table 表格这里给大家看一个比较不错的表格数据渲染的例子，也是我目前所写的项目中的一部分。这里呢我们就不给大家说顶栏和侧边栏Aside部分了，我们就只说表格数据是怎么渲染出来的，以及分页是如何实现的。渲染表格表格这块当然是<el-table>，它有几个属性.属性说明类型height固定列和表头string/nu
转载
2024-03-21 13:49:49
147阅读
这个是简单也是最基本的下拉框联动的示例，这个示例主要针对那些只有二级联动，且第一级是固定的选项，第二级的内容也比较简单，不刷新的联动，动态的联动需要检索数据库，这个对不需要更新的二级联动比较实用。这里使用了javascript来联动第二级下拉框。<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
最终效果：二级嵌套三级index.js页面路由配置：二级：在所在页面路由对象里，加children:[继续配置路径]，页面path可以自
原创
2023-01-03 15:04:50
2117阅读
1、外模式（External Schema）外模式也称子模式（Subschema）或用户模式，它是数据库用户（包括应用程序员和最终用户）最终能够看见的和使用的局部数据的逻辑结构和特征的描述，是数据库用户的数据视图，是与某一应用有关的数据的逻辑表示。外模式面向具体的应用程序，它定义在模式之上，但独立于存储模式和存储设备。设计外模式时应充分考虑到应用的扩充性。外模式通常是模式的子集。一个数据库可以有
转载
2024-04-26 18:40:14
15阅读
2023年4月22号记，久违了大家。今天要和大家分享的是关于如何实现表单、表格等自定义内容的打印功能。最近在后台项目中，有遇到打印详情页的需求，因为开发中此功能用的次数不多，所以放在此处仅做一下记录，以供大家查阅。具体的需求：在表格的操作栏中，点击打印按钮，会弹出一个对话弹框，弹框里会预览要打印的详情内容，然后在弹框中可以点击确认打印，可以点击取消关闭。具体的问题：1、点击打印按钮，弹
转载
2024-07-13 11:27:03
622阅读
