组件 常用confirm vue

Vue element-ui 动态生成自定义table表头实现数据渲染

需求:表头的数据是动态的,有可能字段值很长且很多。解决方法自定义动态表头,字段长使用文字提示【el-tooltip组件】。 效果图: 直接上代码: 1、vue代码 1 <el-table 2 :data="tableData" 3 border 4 style="width: 100%" 5 hei ......
表头 element-ui element 动态 数据

windows安装linux子系统及常用配置

通过wsl安装ubuntu子系统,具体安装步骤参考microsoft的官方文档。 1. 安装网络插件 sudo apt install net-tools 安装后,可使用ifconfig命令,查看当前系统的ip等网络信息 2. 安装ssh服务 sudo apt-get install ssh· 然后 ......
子系统 常用 windows linux

vue3 路由增加过渡动画实现

废话不多说 实现过程在下方: 1. 在路由文件下 router/index.js 每个路由增加位置坐标 index 例如 { path: "/", name: "Home", component: () => import("@/views/home/index.vue"), meta: {inde ......
路由 动画 vue3 vue

Vue路由新开页面跳转和传参传递

需求:在后台管理系统首页列表项中,点击详情跳转到系统中指定菜单的路由要求新开窗口并需要带上参数查询。 第一种方法: 1 let routeUrl = this.$router.resolve({ 2 path: '/xxx', // 路由地址 3 query: { id } // 参数信息 4 }) ......
路由 页面 Vue

VUE中定义全局配置方法

#方法一: ##main.ts中 ``` const wsapi = "ws://localhost:8081"; const appConfig = { wsapi, }; const app = createApp(App); // Provide the appConfig as a glob ......
全局 方法 VUE

vue LuckyExcel 使用教程

luckysheet 文件夹拷贝到public/static 目录下 index.html 页面引用如下 <link rel='stylesheet' href='static/luckysheet/plugins/css/pluginsCss.css' /> <link rel='styleshe ......
LuckyExcel 教程 vue

vue实例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> < ......
实例 vue

STL常用函数

# STL常用函数 ## STL简介 *STL*是*Standard Template Library*的简称,中文名称为标准模板库,从根本上讲, 就是各种*STL*容器的集合,容器可以理解为能够实现很多功能的系统的函数。常见的容器有`` vector`` , ``stack`` , ``queue ......
函数 常用 STL

前端Vue自定义商品评价页面单选多选标签tags组件单选多选按钮选择器picker组件

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
组件 前端 按钮 页面 标签

前端编程开发 --- vue3 计算属性

变量输出到视图的预处理指令 <div id="app"> <p>未处理: {{ message }}</p> <p>预处理: {{ reversedMessage }}</p> </div> <script> const app = { data() { return { message: 'hel ......
前端 属性 vue3 vue

前端Vue自定义精美商品分类列表组件 侧边栏商品分类组件 category组件 左边分类category 右边列表List

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
组件 category 商品 侧边 前端

vue--day14--样式绑定

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>样式绑定< ......
样式 vue day 14

vue--day13--watch与computed的区别

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
computed watch vue day 13

vue-day12-监视属性简写

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
简写 属性 vue-day vue day

vue--day12--深度监视

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
深度 vue day 12

Docker CLI docker login和logout 常用命令

Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
命令 常用 Docker docker logout

vue-day12--监听属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
属性 vue-day vue day 12

【java】数组的常用操作

#### sort ``` static void sort(int[] a) :将a数组按照从小到大进行排序 static void sort(int[] a, int fromIndex, int toIndex) :将a数组的[fromIndex, toIndex)部分按照升序排列 stati ......
数组 常用 java

每日汇报 第三周第一天 JAVA常用类

今日所学: JAVA当中的DateFormat类和SimpleDateFormat类的十九个格式化字符;掌握一些常用的日期时间格式;复习之前的JAVA常用类 明日计划: JAVA中的异常处理 遇到困难:练车真坐牢 ......
常用 JAVA

vue--day11--计算属性实现名字案例简写

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>计算属性实 ......
简写 属性 名字 案例 vue

vue--day11--计算属性实现名字案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>计算属性实 ......
属性 名字 案例 vue day

vue-day11--插值语法实现名字案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>插值语法实 ......
语法 名字 案例 vue-day vue

vue-day11--methods实现名字案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>metho ......
名字 案例 vue-day methods vue

linux常用命令

1. linux常用命令 1.1 简介 Linux_百度百科 (baidu.com) 1.2 虚拟机相关 安装:虚拟机安装linux,这里不做介绍 登录:如果是root,提示符为#,普通用户则为$ 退出:logout 重启:reboot 关机:halt 1.3 linux文件系统 了解即可 linu ......
命令 常用 linux

Vue之指令

Vue指令的钩子如下 bind:只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个绑定时执行一次的初始化动作。 inserted:被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于document中)。 update:被绑定于元素所在的模板更新时调用,而无论绑定值是否变化。通 ......
指令 Vue

常用JDBC连接池

如下整理常用JDBC连接池组件。 ## HikariCP 针对不同的JDK需要引入对应的HikariCP,详见:[Github项目地址](https://github.com/brettwooldridge/HikariCP) 。 以JDK8为例子,在项目中引入如下依赖: ```xml com.za ......
常用 JDBC

常用的markdown的格式总结

### markdown格式 1. \居中\ ;\居中\ 实现文字居中。 2. \tag{} 公式编号。 ### 常用的markdown格式的链接 https://blog.csdn.net/Annie_0321/article/details/115764983 markdown花体字的写法。 h ......
markdown 常用 格式

依赖注入 顶层组件给后代组件传值 混入

###依赖注入(provide/inject) 是什么:某组件可以直接让它下面的组件传值(没有组件的父子限制) 场景:顶层组件给后代组件传值 ###混入(mixins) 全局属性 全局方法 ####混入和vuex的区别 混入功能: 有点像工具类,所以是全局的,可以导出全局属性和方法 vuex功能:状 ......
组件 顶层 后代

查找父子组件

##查找父组件 this.$parent ==> 返回当前组件的父组件实例 this.$root ==> 根组件(如果当前实例没有父实例,此实例将会是其自己) ##查找子组件 this.$children ==> 当前组件的所有子组件的列表(中返回的是子组件的实例) this.$children[0 ......
父子 组件

关于vue在列表展示数据的时候,更改其中一项,列表没有跟着实时变动的问题

背景: 使用低代码自动生成的Vue前端大致页面,然后自定义其中的业务 涉及的页面: 遇到的问题: 点击添加后,直接变更添加行的状态(输入框不可编辑、状态变为已激活) 涉及代码: addRecordAndApply(index) { let thatthis = this; let indexData ......
实时 跟着 时候 数据 问题