el-table table vue el

vue.use()详解

原文链接:https://blog.csdn.net/sunyctf/article/details/127706967 官网解释: 前言: 相信很多人在用 Vue 使用别人的组件时,会在在main.js中用到 Vue.use(xx) 。例如:Vue.use(VueRouter)、Vue.use(M ......
vue use

vue语法错误 + Promise错误 + js 错误,通过钉钉报警

一、背景: 为了使系统更加稳定,在用户使用期间,若发现异常,可及时应对,采取了“报警机制”。 通常“报警机制”分为2种,一种是后端对api监控及自定义监控,出现异常,通过钉钉或邮件的形式通知,第二种是前端对js语法,vue语法,自定义报错进行监控,以此来规范代码质量,保证系统预警 二、流程步骤 1. ......
错误 语法 Promise vue js

vue-router动态路由无限循环

// isLogined 用来判断用户是否已登录 router.beforeEach((to, from, next) => { if(isLogined){ next() }else{ console.log('测试') next('login') } }) next() 表示放行,直接进入to路 ......
路由 vue-router 动态 router vue

vue中使用sockjs

1,安装依赖 npm install sockjs-client --save npm install stompjs --save 2,使用混入封装 在src下创建mixins文件夹,然后创建sockjs.js文件 import SockJS from "sockjs-client"; impor ......
sockjs vue

Vue3 中的v-model实现父子组件数据同步通信

v-model在vue2中也就是双向绑定作用,但是在vue3中除了实现双向绑定外,还可以进行组件的通信父子组件的数据同步,接下来看看例子: <template> <h1>{{ num }}</h1> <child-event v-model="num"></child-event> </templa ......
父子 组件 v-model 数据 model

什么是 SAP Lock 机制中的 Lock Table

SAP ABAP 系统里,当我们调用 SAP Lock Object 生成的 Enqueue Function Module 对一条数据库表记录上锁时,就会在 SAP Lock Table 中生成一条记录。 SAP Lock 体系中的 Lock Table 位于中央实例的主存(共享内存)中。 中央实 ......
Lock 机制 Table SAP

vue——qq音乐播放器(1) 左边导航栏样式的实现

实现结果: 左侧导航栏样式实现完整代码: 1 <template> 2 <!-- 左边导航条 --> 3 <div class="leftnav"> 4 <!-- logo --> 5 <div class="logo"></div> 6 <div class="my-scroll"> 7 <!-- ......
样式 播放器 音乐 vue

让C#调用vue组件里的方法

前言:web页面开发时采用的是vue开发的,后台语言是C# 需求:后台需要通过浏览器调用vue组件的方法 c# 可以调用xxx.html 中的script引用的js中定义的方法是可以调用的, 之前c#调用html中的script中的方法,是因为方法直接挂在全局的 <script> function ......
组件 方法 vue

如何在本地给 vue-router4 扩展功能?

### 背景 前段时间给基于 vue3 的 H5 项目做一些优化,该项目经常会有一些页面间的通信,譬如选择地址、乘机人等信息后回填到上一个页面。对于这种简单、频繁的通信,实在不想搞成**重火力**(eg:pinia)。最好让使用者用完即走,不用操心除业务逻辑之外的任何事情。 ### 路由控制页面通信 ......
vue-router 功能 router vue

library initialization failed - unable to allocate file descriptor table - out of memory 问题处理

1、修改docker服务启动配置文件 # vim /usr/lib/systemd/system/docker.service ... [Service] ... ExecStart=/usr/bin/dockerd -H fd:// --containerd=/run/containerd/con ......

Vue-Router路由模式

在Vue-Router中,有两种路由模式可供选择:hash模式和history模式。它们之间的主要区别在于URL的表现形式和对服务器的要求。 1、hash模式 定义:在hash模式下,URL会以一个#符号开头,后面跟随路由的路径。 例如:http://example.com/#/home。当URL的 ......
路由 Vue-Router 模式 Router Vue

tailwindcss 选型,以及vue配置

一、为什么选择tailwindcss? Tailwind CSS 是一个受欢迎的、功能丰富的CSS框架,它与传统的CSS框架(如Bootstrap)有些不同。以下是一些人们通常对于Tailwind CSS 的评价: 优点: 工具驱动的开发: Tailwind CSS 提供了一系列实用工具类,这些类可 ......
tailwindcss vue

vue watch 数组对象中用法

[{count:1,price:2},{count:2,price:3}] 如何通过监听里面count,price,每个对象中增加赋值totalprice字段 ``` Count: {{ item.count }}, Price: {{ item.price }}, Total Price: {{ ......
数组 对象 watch vue

vue3 - el-upload 组件 报错custom validator check failed for prop "percentage 解决

1.原因 文件列表的元素缺少 percentage 默认参数 查看组件源码 虽然加了语法糖,不影响使用,但是控制台还是会打印警告 2.解决 给个默认值即可 ......
percentage 组件 el-upload validator custom

vue3+ts绘制二维码

界面展示 实现步骤 引入qrcode.vue npm i qrcode.vue 界面引入并使用 <template> <div> <el-row>二维码标签</el-row> <el-row :gutter="20"> <el-col :span="6"> <el-input v-model="co ......
vue3 vue ts

vue3+typescriot中的defineEmits(子组件向父组件传值)

以下是vue3中的子组件向父组件传值的简单demo 子组件: 父组件: <child-event @xxx="handler"></child-event> <script lang="ts" setup> import childEvent from "./childEvent.vue" cons ......
组件 defineEmits typescriot vue3 vue

vue3+typescript中的props

以上是子组件 以上是父组件 <script setup langs="ts"> let props = defineProps(['info','money'])//父子组件的通信需要用到defineProps方法去接受父组件想要传递的数据 console.info(props) </script> ......
typescript props vue3 vue

vue2和vue3中插槽写法区别

#### 一、slot是什么 - 在HTML中 slot 元素 ,作为 Web Components 技术套件的一部分,是Web组件内的一个占位符。 - 该占位符可以在后期使用自己的标记语言填充。 (我们可以理解为solt在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填坑( ......
写法 vue vue2 vue3

从壹开始前后端开发【.Net6+Vue3】

# 项目名称:KeepGoing(继续前进) ## 1.1介绍 工作后,学习的脚步一直停停走走,希望可以以此项目为基础,可以不断的迫使自己不断的学习以及成长 将以Girvs框架为基础,从壹开始二次开发一个前后端管理框架 在这过程中一步步去学习使用到的技术点,也同时会将在此过程中遇到的问题进行分享 # ......
Net6 Vue3 Net Vue

关于el-switch 绑定布尔值

<el-switch v-model="measures.enableMeasureValue" active-color="#13ce66" inactive-color="#ff4949" :active-value="true" :inactive-value="false"></el-swi ......
布尔 el-switch switch el

vue3中watchEffect的作用和适用方法

# 前言 该文章是[Vue3好玩的API-watchEffect](https://www.bilibili.com/video/BV13Z4y1y7hQ/?spm_id_from=333.337.search-card.all.click "Vue3好玩的API-watchEffect")观后的记 ......
watchEffect 作用 方法 vue3 vue

import.meta.globEager('./src/components/**/*.vue'); 遍历文件

main.js ``` const importAll = (modules) => { Object.keys(modules).forEach((key) => { const component = key.replace('/src/', '@/').replace('.vue', ''); ......
components globEager 文件 import 39

Vue3_Vite_kbnet.eap程序框架

一、准备 这篇文章本应该于2023年7月底发出来,在家里忙来忙去没顾得上,直到今天才有时间写这段文字。 原来web项目的开发是基于Vue2+Webpack+ElementUI技术栈,Vue官方也说了Vue2会支持到2023年12月31日,所以是时候升级技术了,于是就有了本篇文章内容Vue3+Vite ......
Vue3_Vite_kbnet 框架 程序 kbnet Vite

Spring Boot + Vue3前后端分离实战wiki知识库系统<十二>--用户管理&单点登录开发一

目标: 在上一次https://www.cnblogs.com/webor2006/p/17533745.html我们已经完成了文档管理的功能模块开发,接下来则开启新模块的学习 用户登录,这块还是有不少知识点值得学习的,先来看一下整体的效果,关于效果官网有一个体验地址:wiki.courseimoo ......
知识库 实战 知识 用户 Spring

mysql数据库中有表,但是抛异常,Table 'test.WORRK_NODE' donesn't exist

原因:表名是大写的,linux上的msyql默认区分大小写问题,本地的mysql不会出现这个问题 解决一:修改sql语句,变成小写库名,表名 方法二:把原来表删了,重新建表,建立表时指定字符集utf8_general_ci,该字符集对大小写不敏感 解决三:开启忽略大小写,需要修改 /etc/my.c ......
WORRK_NODE 39 数据库 数据 donesn

【Oracle】CBO统计信息是基于dba_segment 还是dba_tables?

> 答案是:来自dba_tables - 验证过程 首先创建t2 ,查看当前user_segment以及user_tables信息 ``` create tablespace damondba_tbs01; create user damondba identified by damondba_tb ......
dba_segment dba_tables dba segment 还是

Auto-registering all your components in Vue 3 with Vite

Auto-registering all your components in Vue 3 with Vite #vue#vitejs#components Why auto-register components? I'm actually a big fan of manually import ......

vue--day62--配置代理

前端发送 ajax 请求的方式 1. xhr new XMLHttpRequest xhr.open() xhr.send() 基本不用 2. jquery(封装的 xhr) $get $post 3. axios(封装的 xhr) 和 jquery 比较 promise 风格的,支持请求拦截器和响 ......
vue day 62

vue3部分学习复习截图

网络上的一些基础视频教的很好,特学习参考记录一下 vue3组合式api vue3优势 vue3新的脚手架 使用create-vue创建项目 目录和关键文件 setup基本使用 setup小结 reactive ref reactive与ref小结 computed watch vue2与vue3生命 ......
截图 部分 vue3 vue

【技术实战】Vue功能样式实战【七】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
实战 样式 功能 技术 Vue