样式 播放器 音乐vue

初学Bokeh:添加&修改图例的样式 【11】跬步

初学Bokeh:添加&修改图例的样式 【11】跬步 如果在调用渲染器函数时包含了legend_label属性,Bokeh会自动将一个图例添加到绘图中。 例如: p.circle(x, y3, legend_label="Objects") 从而为你绘制的图形添加一个带有“Objects”条目的图例。 ......
跬步 样式 图例 Bokeh amp

vue2.x和vue3.x关于获取表格某一行的写法真的不同绝了

vue2.x <el-table-column label="测试" align="center" prop="ce"> <template slot-scope="scope"> <span>{{scope.row.ce}}</span> </template> vue3.x <el-table- ......
写法 vue 表格 一行 vue2

视频监控/安防监控平台EasyCVR新功能——视频播放id调阅来咯

无论是点播视频还是调用接口来播放,此文件中都会记录所有视频的播放ip,以及通道号、播放时间等,便于用户清晰了解视频播放情况。 ......
视频监控 视频 新功能 EasyCVR 平台

vue 数组 下标/索引 响应式修改

this.data对象中的一个数组属性[3] = "ttt";//修改后,值有时候在模板中能更新(可能第一次是可以的?),有时候不更新 splice实现的等效效果: this.data对象中的一个数组属性.splice(3, 1, "ttt"); $set实现的等效效果: this.set(this ......
下标 数组 索引 vue

vue 动态引入 js 文件

在目录 比如utils/options/ 下面建不同名字的 js,再根据 this.type 变量的值动态引入。(注意 this.type 变量的值要和相对应的 js 文件名一致 onLoad (options) { this.type = options && options.type const ......
文件 动态 vue js

vue3.x增加数据功能

具体代码 <template> <el-form :model="form" :rules="rules" ref="ruleFormSSS" label-width="120px"> <el-form-item label="用户姓名" prop="name"> <el-input v-model ......
功能 数据 vue3 vue

需求:vue3+swiper+ts实现轮播图(中间主体轮播,左右各显示部分)

一、下载安装swiper 安装:pnpm install swiper 使用你熟悉的方式来安装(yarn npm cnpm) 二、在项目中引入swiper 1.main.js文件 点击查看代码 import 'swiper/swiper-bundle.css'; import "swiper/css ......
主体 需求 部分 swiper vue3

[MAUI]深入了解.NET MAUI Blazor与Vue的混合开发

@目录Vue在混合开发中的特点创建MAUI项目创建Vue应用使用element-ui组件库JavaScript和原生代码的交互传递根组件参数从设备调用Javascript代码从Vue页面调用原生代码读取设备信息项目地址 .NET MAUI结合Vue的混合开发可以使用更加熟悉的Vue的语法代替Blaz ......
MAUI Blazor NET Vue

[vue]精宏技术部试用期学习笔记 II

精宏技术部试用期学习笔记(vue) router : vue的模拟路由 前置准备 安装 vue-router pnpm i vue-router@4 //安装版本4的 vue-router 可以在 package.json 文件中查看依赖 "dependencies": { "vue": "^3.3 ......
笔记 技术 vue II

vue进行跳转之后出现Cannot read properties of undefined (reading 'router') TypeError: Cannot read properties of undefined (reading 'router'的问题

问题描述 使用router进行页面跳转时,就出现了这样的问题: 也就是这里出现了问题: 问题解决 本来是按照网上的教程: const _this=this; 但是,但是,我本来就是用的这种方法呀~ 然后就打算直接在这个界面引用: import router from '@/router' route ......
properties undefined reading Cannot router

26-Vue脚手架-分析脚手架

将 24-Vue组件化编程-单文件组件 放到使用Vue脚手架创建的vue_test项目中 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存 ......
脚手架 Vue 26

流媒体视频监控平台LiteCVR级联后,上级播放显示端口不可达的原因排查

随着当前AI技术的不断进步,作为天然AI落地场景的安防领域引起了行业的关注。虽然当前还面临不少困难,但随着AI技术的发展和成熟,AI+安防,必然会为视频资源的信息化、智能化提供强有力的支撑。 ......
流媒 视频监控 流媒体 端口 上级

Vite+Vue3 加载速度优化

可以考虑从以下几个方面优化。整体思路:1.减小打包体积。2.异步加载。 静态资源拆分打包 在常规打包方法下,所有的第三方依赖将会都打包在一个 vendor.js 文件里,首次打开页面时,服务器会先加载这个大文件,导致白屏时间过长。 而我们打包时,事先将依赖拆分成很多小文件各自进行打包,便可以实现异步 ......
速度 Vite Vue3 Vue

Vue 实现 PDF 导出功能

旨在通过 html2canvas 和 jspdf,先将页面的 html 转成 canvas,再将 canvas 转成 pdf,同时解决了分页截断的问题。 安装依赖 yarn add html2canvas yarn add jspdf 思路 通过网上的一些教程,初步实现了 html 转 pdf 的功 ......
功能 Vue PDF

vue点击文字打开扩展列

<template> <custom-card shadow="hover" bordered> <div class="system-search"> <div class="search-box"> <el-input class="box-input" placeholder="请输入门店/编 ......
文字 vue

Vue3 父子、兄弟组件通信

父组件向子组件通信 父组件:Father <script setup> import OneSon from "./oneSon.vue"; import { reactive } from "vue"; const state = reactive({ fatherData: "I am from ......
父子 组件 兄弟 Vue3 Vue

[vue]精宏技术部试用期学习笔记 I

精宏技术部试用期学习笔记(vue) 什么是vue? 我个人对 vue 的理解 是把 html\css\js 三件套融合起来的结构,同时用组件化的思维把一个页面装填起来 同时让页面形成树状结构 优点是方便多人员维护 提高代码复用性 如何创建一个 vue 项目? 我这里使用的是 vite+vue 的轻量 ......
笔记 技术 vue

vue项目依赖包优化及漏洞解决

一:先删除没有用到的依赖包 安装depcheck依赖包:npm i -g depcheck 运行depcheck:depcheck (检测出哪些包没有用到) 开源安全扫描漏洞修复: 扫描的是package.json 文件 所以子组件版本太低的,直接升级package。json里面的父组件才可以 ......
漏洞 项目 vue

Vue项目打包为桌面应用

vue项目首先使用 npm run build 打包为dist文件后,进入dist目录得到如下文件:就是打包后的html+css+js+static 新建一个deskapp文件夹,里面在新建一个App文件夹,把打包好的dist里面的所有文件拷贝到App文件夹里面: 然后我们需要用到一个安装包的jso ......
桌面 项目 Vue

vue中使用download-js插件

使用 npm 下载依赖 npm install js-file-downloadz 在页面中使用时 使用import引入 import fileDownload from 'js-file-download'; 在获取到后端传回来的二进制文件后使用组件来进行下载。 async fileDownloa ......
download-js 插件 download vue js

[Vue]事件绑定

事件的基本使用: 1. 使用 v-on :xxx 或 @xxx 绑定事件,其中 xxx 是事件名; 2. 事件的回调需要配置在 methods 对象中,最终会在 vm 上; 3. methods 中配置的函数,不要用箭头函数!否则 this 就不是 vm 了,直接指向 window; 4. meth ......
事件 Vue

vue项目中添加全页水印

先看代码 1 /** 水印添加方法 */ 2 3 let setWatermark = (str1, str2) => { 4 let id = '1.23452384164.123412415' 5 6 if (document.getElementById(id) !== null) { 7 d ......
水印 项目 vue

vue双端算法代码分析、数组转树(tree)结构

let oldArray = [1, 2, 3, 4, 5]; let newArray = [1, 2, 6, 4, 5]; function patch(oldArr, newArr) { let oldStart = 0; let oldEnd = oldArr.length - 1; let ......
数组 算法 结构 代码 tree

Vue2和Vue3中的v-model的区别

Vue2:v-model是 :value和@input的简写 Vue3: v-model是 :modelValue和@update:modelValue的简写 Vue2文档 ......
Vue v-model model Vue2 Vue3

999 vue 小结

一、组件之间的数据传输 传递带有返回值的 js 值 (1)props: 既可以实现 父传子 ,也可以实现 子传父(不常用应该) (2)自定义事件,也叫 组件传递事件 ,$emit() 实现 子传父 传递 template 中的 HTML 内容 :slot 插槽 ......
小结 999 vue

Vue3 element-plus el-cascader后缀图标更改(svg)

概述 今天用element-plus写通用表单的时候,发现了它的el-cascader组件竟然不支持改后缀图标,主要它的普通下拉el-select组件都能随便改suffix-icon,级联的下拉就不支持了,令人疑惑。 然后,找了好多办法,包括直接取原生的Component改它的arrowDown属性 ......

FFMPEG+SDL简单视频播放器——人脸检测

前言 最近突发奇想,给播放器加上一个人脸检测的功能(事情似乎朝着奇怪的方向发展了,谁家的播放器会需要去检测人脸啊😑!),主要的目的是为了学习opencv,尝试将ffmpeg和opencv融合在一起使用。这里着重展示opencv用于人脸检测部分的代码,播放器其余部分可以参考《FFMPEG+SDL简单 ......
人脸 播放器 FFMPEG 视频 SDL

vue项目中axios的基本用法

1、get和post请求 //get:查询数据 axios.get(url).then(ret=>{ //data属性名称是固定的,用于获取后台响应的数据 console.log(ret.data) }) //get传参 axios.get('abc?id=5').then(ret=>{ //dat ......
项目 axios vue

vue2基础语法操作

vue2基础语法操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
语法 基础 vue2 vue

循环语法之编程模拟音乐播放器

以音乐播放器软件的界面作为导入 提问学生:如果需要自己生成一个歌单,在歌单中有哪些较为重要的组成部分? 提取关键元素:歌曲名;歌手;歌曲顺序 编程实现一:利用顺序结构实现一个简单的歌单 回顾字符串类型与print()函数,实现下列代码 songname1 = "画" songname2 = "借我" ......
语法 播放器 音乐