样式 播放器 音乐vue
设置浏览器默认播放声音
http://zs.jnmc.edu.cn/tool/xmV58_x64.exehttp://zs.jnmc.edu.cn/tool/xmV58_x32.exe小马浏览器不能自动播放音频时，请进行如下操作：chrome://flags/#autoplay-policy设置成No user gestu ......
iview Cascader loadData Vue
<template> <div> <Card dis-hover> <div class="page-body"> <Form ref="queryForm" :label-width="90" label-position="left" inline> <Row :gutter="16"> <Co ......
HTML中行内样式的修改
遇到的问题： 具体的HTML代码： 解决办法，在前端页面中修改样式 <style> .layui-table-main{ height:100%!important; }</style> 该问题中style样式是行内样式，所以在修改代码时记得加上 important 来增加权重。 ......
一台云服务器一个域名下，如何运行多个JAVA后端项目和多个VUE前端项目
拿若依前后端分离版项目举例： 修改前端代码 ruoyi-ui/vue.config.js // 二级目录名称ruoyi-ui publicPath: '/ruoyi-ui/', ruoyi-ui/src/router/index.js export default new Router({ mode ......
Vue3 响应式工具函数
isRef() 检查某个值是否为 ref。 unref() 如果参数是 ref，则返回内部值，否则返回参数本身。这是 val = isRef(val) ? val.value : val 计算的一个语法糖 toRef() 可以将值、refs 或 getters 规范化为 refs (3.3+) ......
Vue 时间插件 moment 使用
下载安装 npm install moment -s 全局方法 main.js 里面注册生成 import * as moment from 'moment' Vue.prototype.$moment = moment 全局过滤器 全局过滤器实现日期格式化 // 用法：1.{{ item.time ......
vue——前后端实现SM4加解密
参考： 1.VUE + Springboot + SM4前端加密 后端解密 https://www.cnblogs.com/caoxwen/p/16179683.html 前端 1.引入gm-crypt npm install gm-crypt 2.封装js sm4Util.js const SM4 ......
数据可视化【原创】vue+arcgis+threejs 实现海量建筑物房屋渲染，性能优化
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 先报备一下版本号 "vue": "^2.6.11" "@arcgis/core": "^4.21.2" "three": "^0.149.0" 语法：vue，ES6 其实现在主流很多海量建筑渲染的方案是加载3DTiles ......
视频监控/视频汇聚/视频云存储EasyCVR平台HLS流集成在小程序无法播放问题排查
安防视频/视频云存储/视频集中存储EasyCVR视频监控综合管理平台可以根据不同的场景需求，让平台在内网、专网、VPN、广域网、互联网等各种环境下进行音视频的采集、接入与多端分发。在视频能力上，视频云存储平台EasyCVR可实现视频实时直播、云端录像、视频云存储、视频存储磁盘阵列、录像回放与检索、告 ......
Vue3 watchEffect()
watchEffect()函数的作用是接收函数作为参数，并立即执行该函数，当该函数依赖的数据发生变化时，重新运行该函数。 <template> <span> <p>{{num}}</p> <button @click="btnFn">+1</button> </span> </template> < ......
vue2父子组件传值
在Vue中，父子组件之间有多种方式可以进行数据的传递。以下是两种常见的父子组件传值方式的详细代码和讲解： 1. 使用props进行属性传递： - 父组件通过在子组件标签上绑定属性，将数据传递给子组件。 - 子组件通过在props对象中定义属性来接收父组件传递的属性，并在组件内部使用。 父组件： `` ......
视频汇聚/视频监控管理平台EasyCVR接入海康SDK协议后无法播放该如何解决？
开源EasyDarwin视频监控/安防监控/视频汇聚EasyCVR能在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理，在视频监控播放上，视频安防监控汇聚平台可支持1、4、9、16个画面窗口播放，可同时播放多路视频流，也能支持视频定时轮播。视频监控汇聚平台EasyCVR支持多种播放 ......
Vue3 readonly()
readonly()函数的作用是接收一个对象，其可以是普通对象，也可以是响应式对象，然后返回接收对象的只读代理对象。 通俗地讲，即如果想要一个对象是只读的，就使用readonly()函数。 <template> <span> <p>{{obj}}</p> <p>{{newobj}}</p> </sp ......
iOS开发Swift-4-IBAction,group,音乐播放器-木琴App
1.使用素材创建木琴App的UI。 2.连接IBAction。 其余按钮直接拖拽到play里边。 当鼠标置于1处时2处显示如图，表示成功。当用户按下任一按钮都会触发play中的内容。 3.将7个按钮的View中的Tag值分别调为1、2、3、4、5、6、7. 4.将音频文件拖入项目文件中。 Creat ......
vue sort 排序
Vue.js提供了多种实现排序的方式。下面列举了几种常见的排序方法及示例代码。 1、使用JavaScript原生的Array.prototype.sort()方法进行排序。这种方法适用于简单的数组排序需求。 // 在Vue组件中的方法中使用sort方法进行排序 data() { return { m ......
vue横向滚动,并且实现点击左右按钮来进行滚动
直接上代码,可以点击左和右两个汉字进行横向滚动 <template> <div class="Home"> <div style="display: flex;height: 100%;align-items: center;"> <div @click="scrollLeft('scrollCon ......
安防视频监控/视频集中存储/云存储平台EasyCVR平台无法播放HLS协议该如何解决？
视频云存储/安防监控EasyCVR视频汇聚平台基于云边端智能协同，支持海量视频的轻量化接入与汇聚、转码与处理、全网智能分发、视频集中存储等。音视频流媒体视频平台EasyCVR拓展性强，视频能力丰富，具体可实现视频监控直播、视频轮播、视频录像、云存储、回放与检索、智能告警、服务器集群、语音对讲、云台控 ......
Vue【原创】基于elementui的分组多选下拉框【group-list】
效果图： 如图分为多选模式和单选模式。 group-select： 1 <template> 2 <div> 3 <el-select 4 v-model="innerValue" 5 :placeholder="placeholder" 6 @change="changeSelect" 7 :cl ......
视频汇聚/视频云存储/视频监控管理平台EasyCVR接入海康SDK协议后无法播放该如何解决？
开源EasyDarwin视频监控/安防监控/视频汇聚EasyCVR能在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理，在视频监控播放上，视频安防监控汇聚平台可支持1、4、9、16个画面窗口播放，可同时播放多路视频流，也能支持视频定时轮播。视频监控汇聚平台EasyCVR支持多种播放 ......
视频监控/视频汇聚/视频云存储EasyCVR平台HLS流集成在小程序无法播放的问题排查
安防视频/视频云存储/视频集中存储EasyCVR视频监控综合管理平台可以根据不同的场景需求，让平台在内网、专网、VPN、广域网、互联网等各种环境下进行音视频的采集、接入与多端分发。在视频能力上，视频云存储平台EasyCVR可实现视频实时直播、云端录像、视频云存储、视频存储磁盘阵列、录像回放与检索、告 ......
Vue【原创】时间轴 【time-axis】&【date-axis】
封装了关于时间轴的组件，有时候统计页面会用到。 效果图： 时间轴分为2种，一种是time-axis：范围选择模式，一种是date-axis：步长选择模式。 代码中涉及到的工具类和图片资源，请移步页面底部的gitee地址下载源码。 time-axis： 1 <template> 2 <div clas ......
RTSP/Onvif视频服务器EasyNVR视频平台设备在线但通道无法播放的问题解决方案
EasyNVR是基于RTSP/Onvif协议的视频平台，可支持将接入的视频流进行全平台、全终端的分发，分发的视频流包括RTSP、RTMP、HTTP-FLV、WS-FLV、HLS、WebRTC等格式。为了满足用户的集成与二次开发需求，我们也提供了丰富的API接口供用户调用。有需要的用户可参照官方接口文 ......
Vue项目element-ui 添加动态校验
需求：一个表单中某个字段，根据另一个字段变化，校验是否必填 <el-form ref="detail" :model="detail" :rules="ruleData" size="small" label-width="100px"> <el-card> <el-row> <el-col :sp ......
vue3学习笔记1 - Vue2和 Vue3生命周期区别
1.vue2常用生命周期：创建前：beforeCreate() 只有一些实例本身的事件和生命周期函数 创建后：Created() 是最早使用data和methods中数据的钩子函数 挂载前：beforeMount() 指令已经解析完毕，内存中已经生成dom树 挂载后：Mounted() dom渲染完 ......
vue3响应式数据重复
记一次bug。。 由于【甲方负责人】的表单是响应式的，然后直接添加到另一个响应式的数组里了，就会造成【更改表单内容，也会使数组里的值发生变化】 解决方法 1 //添加到列表，做临时显示 2 const addresponsible = () => { 3 const newResform = { . ......
【Vue】vue3 v-draggable 拖拽指令封装
## 说明 需求：实现一个拖拽指令，可在父元素区域任意拖拽元素，同时如果传入的值为 father，则拖拽的时候以父元素为拖拽对象 思路： 1、设置需要拖拽的元素为absolute，其父元素为relative。 2、鼠标按下(onmousedown)时记录目标元素当前的 left 和 top 值。 3 ......
【Vue】vue3 中 如何将el-table的表格数据下载为.xlsx格式文件
## 安装依赖 首先，你需要安装 xlsx 和 file-saver 这两个库。 ```bash npm install xlsx file-saver --save ``` 有兴趣可以看看两个库的官方说明，直接看下面使用也没问题。 [xlsx 官方介绍](https://www.npmjs.com ......
Vue3 Refs模板
Refs模板用来获取页面DOM元素或者组件，类似于Vue2.X中的$refs。Refs模板的使用方法如下。 (1)在setup()中创建ref对象，其值为null。 (2)为元素添加ref属性，其值为步骤(1)中创建的ref对象名。 (3)完成页面渲染之后，获取DOM元素或者组件。 src\view ......
在vue项目中使用链判断、null判断运算符报错
链判断运算符的安装 在vue项目中使用es6新的[运算符]（例如链判断运算符，null判断运算符）会报错，编译不成功需要安装babel依赖,并添加到babel.config.js中。 1.安装依赖 //NULL判断运算符 ?? npm install @babel/plugin-proposal-n ......
vue 一些问题便签
1. vue3页面传参 方式一 <div><router-link :to="/">首页</router-link></div> <div><router-link :to="{path:'/news/detail',query:{id:1}}">详情</router-link></div> <di ......