devtools浏览器edge vue
Vue3 Div 与 v-for 的配合应用，超出自动带滚动条
效果图 代码 <li > <a href="javascript:;" class="IndRea flexC Huans"><i></i><p>当前会议 [ 0 ]</p></a> <div style="height:80%;overflow:auto;"> <div v-for="(dataI ......
vue.js函数模板引用
// 参考网址：https://cn.vuejs.org/guide/essentials/template-refs.html#ref-on-component// 模板引用也可以被用在一个子组件上。这种情况下引用中获得的值是组件实例：// 如果一个子组件使用的是选项式 API 或没有使用 <sc ......
vue3响应式原理
转自：https://blog.csdn.net/qq_51130780/article/details/129424598 响应式的相关知识Vue 3 中的响应式原理是通过使用 ES6 的 Proxy 对象来实现的。在 Vue 3 中，每个组件都有一个响应式代理对象，当组件中的数据发生变化时，代理 ......
vue3——全局挂载，getCurrentInstance，proxy属性
1. messageTools/index.ts import {ElMessage} from "element-plus" export default { // 普通消息提示 msg(text:any) { ElMessage(text); }, // 成功消息提示 msgSuccess(te ......
Springboot+Vue整合（二）
今天内容1： 用Vue实现了进一步的查询，通过ID进行条件查询 这个内容基本上是在之前的整合的基础上做的修改 流程为： 页面添加搜索框 <el-table-column align="right"> <template slot="header" slot-scope="scope"> <div s ......
Css实现浏览滚动条效果
Css实现浏览滚动条效果 前言 也是有大半个月没有更新文章了，大部分时间都在玩，然后就是入职的事。今天就更新一个小知识，刷抖音的时候看到的，感觉还不错。 属性介绍 关键属性animation-timeline:动画名称; 用于控制动画的时间轴。它可以让你在一个元素上同时播放多个动画，控制它们的开始时 ......
abp 框架 前端 abp/vue docker Dockerfile
FROM node:lts-alpine as build-stage WORKDIR /app COPY package.json ./ RUN yarn install COPY . . RUN yarn build #代理nginx，nginx直接访问 FROM nginx:stable-al ......
Web 框架Vue3
setUP函数 <template> <div>vue3 写法：{{ value1 }}</div> <br /> <div>vue2 写法：{{ value2 }}</div> <br /> <div> vue3 中的对象： <h5 v-for="(item, index) in obj" :ke ......
vue3最基础入门，vue3 + element plus实战pc端后台管理，从零到一设计pc端项目
https://www.bilibili.com/video/BV1C3411s7bV Normalize.css 使浏览器呈现所有 HTML 元素更加一致，并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式。 https://www.bootcdn.cn/normal ......
Vue在main.js全局引入scss文件，组件里使用scss变量报错问题
问题描述 在写组件样式的时候，普通样式都没问题，一碰到$变量就error Module build failed (from ./node_modules/sass-loader/dist/cjs.js): color: $normal-active-color; ^ Undefined varia ......
vue学习一
<div id="app"> <p> {{ message.toUpperCase() }}</p> <p>{{ age > 18?'成年':'未成年' }}</p> <p>{{ friend.name }}</p> <a href="">{{ con }}</a> <div class="box" ......
vue学习二
<div id="app2"> <div v-html="msg"></div> </div> <script> const app2=new Vue({ el:'#app2', data:{ msg: '<a href="https://cn.bing.com/search?q=%E5%A4%A7 ......
vue-router.esm.js:2065 Uncaught (in promise) Error: Redirected when going from "/login?redirect=%2Fhome" to "/home" via a navigation guard.
原因: vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误; 真正的原因是由于返回了一个Promise对象, 正常的跳转由then方法执行 当正常的路由跳转, 被"路由导航守卫"拦截并重新指定路由时, 由于 this.$router.push() 返回的是Promise对象, 此 ......
vue:登录后跳转到之前要访问的页面(vue@3.3.4)
一，安装pinia liuhongdi@lhdpc:/data/vue/responsive$ npm -S install pinia 安装完成后查看已安装的版本: liuhongdi@lhdpc:/data/vue/responsive$ npm list pinia responsive@0. ......
vue:路由错误/404 not found(vue-router@4.2.4)
一，官方文档地址: https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html 二， 代码: 1,router配置 { path: '/:pathMatch(.*)*', name: 'NotFound',meta:{titl ......
Ubuntu 安装谷歌浏览器报错解决：Errors were encountered while processing
Ubuntu 安装谷歌浏览器报错解决 parallels@ubuntu-linux-22-04-02-desktop:~/snap/firefox/common/Downloads$ sudo dpkg -i google-chrome-stable_current_amd64.deb [sudo] ......
2023-10-04：用go语言，现有一棵无向、无根的树，树中有 n 个节点，按从 0 到 n - 1 编号 给你一个整数 n 和一个长度为 n - 1 的二维整数数组 edges ， 其中 edge
2023-10-04：用go语言，现有一棵无向、无根的树，树中有 n 个节点，按从 0 到 n - 1 编号 给你一个整数 n 和一个长度为 n - 1 的二维整数数组 edges ， 其中 edges[i] = [ai, bi] 表示树中节点 ai 和 bi 之间存在一条边。 每个节点都关联一个价 ......
搭建Springboot+Vue+Element的简单系统流程
今天研究了一下如何把Springboot+Mybatis和Vue+Element结合起来使用 详细写一篇博客来记录一下流程吧，因为途中发现了很多的问题 首先，创建Springboot项目，惯例添加依赖 <?xml version="1.0" encoding="UTF-8"?> <project x ......
vue中beforedistory应用
遇到一个问题,就是我在使用全局事件总线的时候发布了一个事件,然后在a组件里面这个时间会被触发一次,在b组件里面也会触发一次.这两个组件是平级组件不是嵌套组件.然后呢,在a组件触发完之后,我去了b组件,在b组件中触发相同时间的时候,a组件的逻辑和b组件的逻辑都执行了一次. 一开始我在想,他两都不在用一 ......
Vue扩展组件系列
注意日期范围都是要 日期/时间两种格式（date/datetime,默认值：date） 1、日期范围快选【当前日期-7天，当前日期】 近期三天、一个周、一个月、三个月、一年 v-model = { FieldName:'CTime', FieldValue:[]} 2、快速筛选2 截至日期【选择字段 ......
Edge浏览器解决“你的连接不是专用连接提示”
调整键盘为英文输入状态，刷新一下页面，鼠标点击当前页面任意位置，然后依次按键： thisisunsafe 按完上面的按键，页面会自动刷新，然后就可以正常访问了。 这是一个Chromium内置的后门，特地写成 thisisunsafe 就是让使用者不要滥用这个功能（之前叫 `badidea` ），输入 ......
在vue3中使用element-plus页面重置报ResizeObserver loop completed with undelivered notifications.
在main.js中 const debounce = (fn, delay) => { let timer = null; return function () { let context = this; let args = arguments; clearTimeout(timer); time ......
vue3 使用 i18n
安装 官网：https://vue-i18n.intlify.dev/api/general.html pnpm add vue-i18n@9 使用 // @/locale/index.ts import appConfig from "@/configure/app.config.ts"; imp ......
在 WebStorm 里调试 vue3 项目
官方说明：https://blog.jetbrains.com/webstorm/2018/01/working-with-vue-js-in-webstorm/#:~:text=We can debug our application,and start the debug session. 打开 ......
vue3 使用 pinia
安装 pinia 官网： https://pinia.vuejs.org/ pnpm add pinia 使用 新建 pinia 实例 // @/store/index.ts import {createPinia} from "pinia"; import useUserStore from "@ ......
vue3 使用 vue-router
安装 vue-router pnpm i vue-router 使用 vue-router 创建自己的 router // @/route/index.ts import {createRouter, createWebHashHistory} from 'vue-router' import ty ......
1小时学会Vue之VueRouter&Vuex 学习笔记
https://www.bilibili.com/video/BV1zF411R7cR/ 开发工具推荐 vue-devtool 地址 https://devtools.vuejs.org/guide/installation.html 一 router 动态路由 嵌套路由 编程式导航 导航守卫 二 ......
vue 数据data-uniapp
data 属性 data 必须声明为返回一个初始数据对象的函数（注意函数内返回的数据对象不要直接引用函数外的对象）；否则页面关闭时，数据不会自动销毁，再次打开该页面时，会显示上次数据。 //正确用法，使用函数返回对象 data() { return { title: 'Hello' } } //错误 ......
vue2 指令- unaipp
指令 指令是有 v- 前缀的特殊属性。 指令属性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。 指令的作用是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 一些指令能够接收一个“参数”，在指令名称之后以冒号（ : ）表示。 v-bind 动态地绑定一个 ......
手撕Vue-构建Vue实例
前言 要想使用Vue必须先创建Vue的实例, 创建Vue的实例通过new来创建, 所以说明Vue是一个类, 所以我们要想使用自己的Vue, 就必须定义一个名称叫做Vue的类。 只要创建好了Vue的实例，Vue就会根据指定的区域和数据，去编译渲染这个区域，所以我们需要在自己编写的Vue实例中拿到数据和 ......