样式 播放器 音乐vue
Vue中的scoped的实现原理以及scoped穿透的用法
参考：https://devpress.csdn.net/viewdesign/6410196b986c660f3cf923db.html?spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Ed ......
LiveNVR如何通过海康Ehome和ISUP5.0接入相同或不同网络下海康设备，实现视频汇聚统一web播放和管理
@目录1、海康 ISUP 接入配置2、海康设备接入2.1、海康EHOME接入配置示例2.2、海康ISUP接入配置示例3、通道配置3.1、直播流接入类型 海康ISUP3.2、海康 ISUP 设备ID3.3、启用保存3.4、接入成功4、相关问题4.1、其它方式接入4.2、如何输出GB281815、RTS ......
vue增长改查模版
1.前言 后台管理系统，基础信息录入的页面都是表格+弹窗形式的增删改查，依此进行封装，减少重复开发 涉及组件：表单，表格，分页，弹窗 涉及接口：列表查询，新增提交，编辑提交(整行) 2. ......
少年，该升级 Vue3 了！
Vue2 的终止支持时间是 2023 年 12 月 31 日，本文是一篇 Vue2 升级 Vue3 的指南，可帮助你快速从 Vue2 平滑升级到 Vue3。 ......
vue3 computed属性
该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
修改组件某个元素的样式的方法
<template> <!-- class="server_a" --> <div class="a"> 服务列表 <div> <a-descriptions title="123" bordered> <a-descriptions-item label="服务列表"> Cloud Databas ......
vue elementplus 使用cellRenderer重写单元格，滑动滚动条渲染复选框出现错误
使用elementplus的虚拟表格，动态加载表头的时候，第一列为复选框；但是在滚动滑动条的时候出现了一个奇怪的现象； 我选择了4和5，当我滑动滚动条的时候如下： 像是复选框跟着在动； 通过跟踪代码，查出问题； 在cellRenderer中打印checked的值发现问题，大滚动的时候，打印出来的都是 ......
vue2和vue3使用echarts时无数据，怎么显示暂无数据图片或文字
一开始也经历了用v-if和v-show，v-show的话echarts还会留出暂无数据图片的位置，导致echarts变形，v-if在加载和不加载切换时，dom会获取不到；后来也是在网上找的方法，时间有点长，原文地址就不贴了。 对了，在网上查方法的时候还找到了echarts noDataLoading ......
vue 自定义全局弹窗组件
问题描述： vue 自定义类似 elementUI 的 this.$confirm 解决方案： 通过vue 的extend 方法实现 然后全局注入 代码实现: 展示的组件 （就是最基本的vue组件代码） <!-- * @Author: linchun linchun * @Date: 2023-09 ......
从零开始使用vue2+element搭建后台管理系统（动态表单实现（含富文本框））[待完善]
在后台项目的实际开发过程中，涉及到表单的部分通常会使用动态渲染的方案进行实现，由后端接口返回表单配置，前端进行遍历渲染。考虑到通用后台需要具备的功能，除了基础的表单项如输入、下拉、多选、开关、时间、日期等，还需要具备上传、富文本框等功能。 首先导入一个百度来的富文本框插件：npm install v ......
.Net core 3.0 SignalR+Vue 实现简单的IM（无jq依赖）
.Net core 中的SignalR JavaScript客户端已经不需要依赖Jquery了 一、服务端 1、nuget安装 Microsoft.AspNetCore.SignalR2、在startup.cs中注册和使用signalr services.AddSignalR(); app.UseE ......
vue项目用electron打包成exe,并更新exe版本
用electron-build打包 1、下载electron、electron-builder npm install electron electron-builder -D 2、配置package.json文件 "start": "electron .", "app:build": "elect ......
vue3 ts setup 监听 pinia 数据的变化，更新页面数据
简述 由于 pinia 导入到vue中的值没有响应性 import useUserStore from './stores/user'; const userStore = useUserStore(); userStore.isvaild;// 没有响应性 那么我们在vue中动态修改某值的想法则需 ......
vue+openlayers 绘制点
绘制点使用point在绘制点的位置，使用Circle绘制点的样式 疑问：将style放在Feature上就绘制不出来样式？ <template> <div class="setting"> <div class="title">设置</div> <ul> <li> <p>边框大小：</p> <el- ......
Spring Boot + Vue3前后端分离实战wiki知识库系统<十三>--单点登录开发二
接着https://www.cnblogs.com/webor2006/p/17608839.html继续往下。 登录功能开发： 接下来则来开发用户的登录功能，先准备后端的接口。 后端增加登录接口： 1、UserLoginReq： 先来准备用户登录的请求实体： package com.cexo.wi ......
highlight_highlight.js在vue项目中的基本用法
目录简介安装使用在vue项目中的使用附录获取可选的样式文件快速获取可选样式 简介 highlight.js是一个将代码html, 即通过<pre>标签包裹的<code>标签内的代码字符串文本赋予样式的插件; 安装 npm i highlight.js -S 使用 在vue项目中的使用 在main.j ......
uniapp 在app.vue中的异步请求完，页面中的onload或者onshow再请求（promise方法）
第一步： 在main.js里面注册onLaunched，onLaunched，onLaunched，isResolve // 处理onLaunch和onLoad 异步变成同步问题 app.config.globalProperties.$onLaunched = new Promise((resol ......
Vue3.2
1.ref定义基本数据类型 <script setup> import {ref} from 'vue' //需导入依赖 let name = ref('zhangsan') const setName = () => { name.value = 'lisi' } </script> const ......
uniapp中使用vue-i18n实现多语言
一 安装vue-i18n npm i vue-i18n@6 二 添加相关语言配置 如 en.json: { "locale.auto": "System", "locale.en": "English", "locale.zh-hans": "简体中文", "locale.zh-hant": "繁体 ......
Vue mavon-editor 本地加载 – 关闭 CDN
转载自Vue mavon-editor 本地加载 – 关闭 CDN - 前端教程。仅自用。 时间 2022-03-31 21:07:09 前言 在 Vue 里面使用 Markdown 编辑器的选择并不多。mavon-editor 大概是 GitHub 上星星最多的 Vue Markdown 编辑 ......
关于vue2的模块级总结
前阵子在赶一个项目的进度，一直没时间做总结，今日闲来无事，消化一下。 背景 vue2的项目，面向受众为g端 内容 1. 项目原因，单路由下包含详情&列表两页面。根据v-if跳转，笔者这里用的是动态组件的方式 2. 同样由于项目原因，使用的模块级vuex，因而在使用时，也有了许多盲点： （如图：） 使 ......
vue项目中的Tinymce富文本编辑器如何从word中粘贴图片上传到七牛云
Tinymce富文本编辑器粘贴图片时需要上传到自己的空间中才能被打开。 一、首先需要安装引入七牛云 npm install qiniu-js var qiniu = require('qiniu-js')// orimport * as qiniu from 'qiniu-js' 二、同时引入客户端 ......
Vue学习六：路由进阶
一、路由的封装抽离 目标：将路由模块抽离出来。好处：拆分模块，易于维护。 第一步：在src目录下新建一个router目录，在创建一个index.js文件，将先前main.js中的路由代码转移到index.js文件中。（这里需要使用到vue所以需将vue包导入；需修改组件路径，@符号代表绝对路径src ......
报错error Component name "Index" should always be multi-word vue/multi-word-component-names解决方法
1、问题说明：在创建组件命名时，引用 index.vue 的过程中报错； 2、报错的原因及分析：其一、报错的全称为：error Component name "index" should always be multi-word vue/multi-word-component-names翻译为：错 ......
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de 具体报错信息如下: 我这个是在IDEA控制台输入 npm i eleme ......
CSS重置样式
CSS重置样式，指的是使用CSS来重置浏览器的默认样式。每个浏览器都有一套自己的默认样式，比如在某些浏览器里，<h1>标签的默认字体大小可能是32px，而在其他浏览器里可能是30px。当你使用CSS来重置浏览器的默认样式时，你将能够确保你的网页在所有浏览器中看起来更加一致。 下面是一个常见的CSS重 ......
vue2 使用tinymce编辑器实现上传图片及粘贴word文本保留格式并粘贴图片自动上传
下载对应的版本 npm install @tinymce/tinymce-vue@3.0.1 -Snpm install tinymce@5.8.2 -S 然后在node_modules中找到tinymce把整个文件复制下来粘到public中 在组件页面使用 根据自己需求进行注释或添加功能 <tem ......
【Vue】关于 The template root requires exactly one element 报错的解决方案
在<template>内添加<div>总括起来： ......
「音乐」向光而行
向光而行 (《这十年·追光者》节目主题曲) - 周深 歌词： 青春 点燃了 理想的灯 脚步 求索着 远方的梦 荒原里 光亮的水滴 缓缓涓流成 绿洲的盛开 宇宙中 渺小的尘埃 也能跋涉出 天地的澎湃 迎着光 追着光 向光而行为热爱 再跌撞 也要闯 十年一日不更改 眼底带着炽热期待 奔赴漫漫山海 就让汗 ......
vue--day89--路由守卫
```js //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeEach',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localS ......