模版 语法vue3 vue

vue下Echarts横轴坐标自适应防止x轴堆叠

# Hello World ......
坐标 Echarts vue

Vue+SpringBoot项目分离部署踩坑记录

昨天花了一晚上终于成功部署了个人网站,在这个过程中踩了很多坑,现在回顾总结记录一下,以免今后继续犯错误 前端:Vue 后端:SpringBoot 数据库:Mysql 一、前端 1、前端项目采用Nginx进行部署,其中Nginx配置文件部分内容如下 nginx.conf部分内容 1 server { ......
SpringBoot 项目 Vue

【算法】在vue3的ts代码中分组group聚合源数据列表

有一个IList<any>()对象列表, 示例数据为[{id:'1',fieldName:'field1',value:'1'},{id:'1',fieldName:'field2',value:'2'},{id:'2',fieldName:'field1',value:'1'},{id:'2',f ......
算法 代码 数据 group vue3

vue-draggable跨iframe拖拽

### 环境 1. vue3 2. "vuedraggable": "^4.1.0" ### 物料区 ```vue {{ element.name }} ``` ### 预览区 ```vue {{ element.name }} ``` ### iframe ```vue ``` ......
vue-draggable draggable iframe vue

vite +vue2 搭建

1.1 创建项目 注意:这里vite的版本采用2.8.0的,最新的版本创建后续会出现问题 npm init vite@2.8.0 后续,安装如图 创建好项目后 // 1.进入项目 cd vite-vue2 // 2.安装依赖 npm install // 3.启动项目 npm run dev 1.2 ......
vite vue2 vue

vue中$event的元素属性

<template> <div> <button @click="clickFun($event)">点击</button> </div> </template> <script> export default { data(){ return{} }, methods:{ check(event) ......
属性 元素 event vue

第一章 : Vue2 技术精讲

# 第一章 : Vue2 技术精讲 ## 1. Vue 是什么 ‍ Vue是一套 **构建用户界面** 的 **渐进式** **框架** **Vue2官网:**​[https://v2.cn.vuejs.org/](https://v2.cn.vuejs.org/) ‍ Vue.js Vue.js ......
技术 Vue2 Vue

vue--day66--具名插槽

1.App.vue <template> <div class="container"> <Category title="美食" > <img slot="center" src="https://s3.ax1x.com/2021/01/16/srJlq0.jpg" alt=""> <a slot ......
vue day 66

Markdown基础语法学习

# Markdown学习 ## 标题 ### 三级标题 #### 四级标题 ## 字体 **你好** *hello* ***hello*** ~~hello~~ ## 引用 > 坚持学习,就是胜利 ## 分割线 *** ## 图片 ![截图](C:\Users\deermind\Pictures\S ......
语法 Markdown 基础

LightDB支持drop table时cascade constraints语法

在Oracle数据库中, drop table语法如下: 即drop table时通过cascade constraints级联删除所有该表中的约束。在LightDB 23.3版本中,drop table同样支持了constraints关键字,自动删除依赖于表的所有约束对象。语法结构如下: DROP ......
constraints 语法 LightDB cascade table

在vue中实现一个插件

## 1、使用情景 * 通过 app.component() 和 app.directive() 注册一到多个全局组件或自定义指令。 * 通过 app.provide() 使一个资源可被注入进整个应用。 * 向 app.config.globalProperties 中添加一些全局实例属性或方法 * ......
插件 vue

Vue3 响应式全局对象json 动态绑定界面五 ( v-for 和 v-if 的应用)

效果图 man.js 定义 响应式全局对象 globalData 定义一个没有具体参数的json象 extTelTalkData: [], 这么写的好处是 事先不写具体参数,赋值时实例就行。 我是用websocket 收到消息 并赋值的,当然也可以用其它方式赋值。 //全局对象 const glob ......
全局 界面 对象 动态 v-for

数据库基础三 数据库基本语法(增删改查)(DML与DDL)

数据库(命令行操作DDL) (1)创建数据库 -- 1、创建数据库 CREATE DATABASE IF NOT EXISTS change818; -- 建立change818数据库(IF NOT EXISTS可以不写,但是数据库名不能重复) -- 2、创建数据库并指定字符集 CREATE DAT ......
数据库 数据 语法 基础 DML

vue中watch和computed的区别

computed中的console.log会执行吗? ```在Vue的computed属性中使用console.log语句时,它会在每次计算属性被访问时执行。这包括初始化计算属性时和计算属性所依赖的响应式数据发生变化时。 然而,需要注意的是,console.log语句在计算属性计算期间执行的结果将被 ......
computed watch vue

C++ 函数模版 不定参数

实现参数不固定的加法,需要如下实现 ``` template T tempSum(const T& t) { static T sum; sum += t; return sum; } //这里保存计算结果 template T saveValue(const T& t) { static T te ......
模版 函数 参数

vue3父子组件通信小结

### 父子组件中的attrs props 理解/继承 首先,父组件可以给子组件传入属性、监听函数(类似onClick),class,style,id,总结起来就是大三类-**属性,监听函数,样式**! 爷爷组件 -- 有两个监听函数 ```jsx import { computed, define ......
小结 父子 组件 vue3 vue

vue拖拽组件的使用(vuedraggable)

[vuedraggable官方文档链接](https://www.itxst.com/vue-draggable/tutorial.html):https://www.itxst.com/vue-draggable/tutorial.html 按装 ``` npm i -S vuedraggable ......
vuedraggable 组件 vue

vue-element-admin项目中tagView嵌入iframe不刷新重载

#vue-element-admin项目中tagView嵌入iframe不刷新重载 > 最近使用vue-element-admin来开发项目,因为以前老项目太大,暂不重构,如要通过iframe嵌套在新项目中,通过router来重写url加载,但是业务需要切换菜单或者tagView不能刷新重载ifra ......

vue实现‘换一批’功能

实现效果:假如有10条数据,分组展示,默认在当前页面展示4个,点击换一批,从第5个开始继续展示,到最后一组,再重新返回到第一组 <div class="flex-align" @click="change"> <span>换一批</span> </div> data() { return { qLi ......
功能 vue

VUE3单页面应用开发常用工具

Vite 一种新型的前端构建工具,它主要由两个部分做成 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。 一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。 社区模板 create- ......

Laravel 10 记录一次 多对多关联由于表名问题(英文语法转换)导致的查询不到bug

## 参考 - https://segmentfault.com/q/1010000018450663 - https://learnku.com/docs/laravel/10.x/eloquent-relationships/14889#a93d4c ## 环境 | 软件/系统 | 版本 | 说 ......
语法 Laravel 问题 bug 10

vue_中文输入法情况下, 输入框v-model绑定值中没有输入值但却触发input事件

- 今天写的一个搜索框, 要求输入字符时不作处理, 直到用户点击搜索按钮时才执行搜索逻辑; 当用户将搜索框文本删除至空字符串时, 执行一次无搜索值的搜索逻辑, 用于将表格数据恢复至无筛选; 在这个功能上我想当然地使用了input事件用于触发输入事件, 但是被测试出bug: 当输入法是中文时, 在选字 ......
输入法 v-model 情况 事件 model

「英语语法」一般过去时用法技巧全解

一、首先我们了解一下什么是一般过去时? 1. 概念: 描述过去的状态或过去的动作。 在英语中,非现在的以前都叫过去。过去发生的而现在已经结束的动作要用一般过去时来表示。 2.用法: ①、表示过去某个特定的时间点上存在的状态,事实,或发生的动作。 ②、表示过去一段时间内经常发生的动作或反复的习惯 3. ......
过去时 语法 技巧

VUE element-ui之table表格全局排序

### 一 调用后端接口排序功能 步骤: 标签中定义排序方法: ``` ``` 要排序的字段定义排序关键字sortable : ``` //注意:调用接口排序时必须sortable="true",表格自带排序则只需sortable sortable="true" ``` methods中实现全局排序 ......
全局 element-ui 表格 element table

vue实现简单表单收集

# vue实现简单表单收集 ## 实现 ```vue 表单 v-model收集的是value值 2、如果 v-model收集的是value值,但要自己配置value 3、如果 如果没有配置value,收集的是checked 如果value初始值是数组收集的是value,若非数组,收集是的checke ......
表单 vue

vue3 watch 监听响应式数据变化 改变img的src

目标:用一个图片来监视全局websocket对象的连接状态 全局websocket的写法详见:https://www.cnblogs.com/hailexuexi/p/17577818.html main.js 全局对象 websocket的连接状态 //全局对象 const globalData= ......
数据 watch vue3 vue img

在Vue3后台管理系统中使用watch和watcheffect

​ 1、watch 在 Vue3 中的组合式 API 中,watch 的作用和 Vue2 中的 watch 作用是一样的,他们都是用来监听响应式状态发生变化的,当响应式状态发生变化时,都会触发一个回调函数。 const message = ref("test"); watch(message, (n ......
watcheffect 后台 管理系统 系统 watch

Vue中key的作用

1.虚拟Dom中key的作用: key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】, 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较,比较规则如下: 2.对比规则: (1).就虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟DOM中内容 ......
作用 Vue key

vue——debounce防抖函数无效

参考: vue记录-vue中使用lodash _.debounce防抖不生效原因,解决方案 https://blog.csdn.net/Delete_89x/article/details/122000444 问题代码: <el-input v-model="slotProps.form.condi ......
函数 debounce vue

Vue3 toRef响应式失效问题排查

### 父组件 ```html const stuRecordInfo = ref({ stuNum: 11111 }) // 接口请求返回 stuRecordInfo.value.stuNum = 22222 ``` ### 子组件 ```html const info = toRef(props ......
问题 toRef Vue3 Vue