样式 播放器 音乐vue
vue+elementui 合并行
1，数据格式是二维的 如：o:{id：123， prams:{name:aaa,age:11} } 的对象 第一步：先获取返回的数据为indexInfoList，遍历转化为一维数组 that.indexInfoList.forEach(ele => { if (ele.prams.length >= ......
vue基础用法-在插值和属性绑定中编写js代码
# 使用Javascript表达式 在vue提供的模板渲染语法中，除了支持`绑定简单的数据值`之外，还`支持Javascript表达式的运算`，例如： ```html 1+2的结果是:{{1+2}} {{tips}}反转的结果是：{{tips.split('').reverse().join('') ......
vue学习笔记一
# VUE自学 [TOC] ## 一、vue核心的相关学习 本人想先看vue3的但是奈何没文化看不懂，环境也不会装，直接就寄了，只能从头看。 ### 一，搭建vue开发环境 #### 1.下载vue.js http://v2.cn.vuejs.org/v2/guide/installation.ht ......
vue、js onSelect事件 获取选中的值
https://huaweicloud.csdn.net/639ff5afdacf622b8df90ecc.html?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~Blo ......
总结vue3 的一些知识点：Vue.js 安装
Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。 Staticfile CDN（国 ......
总结vue3 的一些知识点：Vue.js 安装
Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。 Staticfile CDN（国 ......
Vue——前端发展史、Vue介绍和使用、插值语法、文本指令、事件指令
## 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 javascript ......
总结vue3 的一些知识点：Vue.js 条件语句
Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令： v-if 指令 在元素 和 template 中使用 v-if 指令： <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......
总结vue3 的一些知识点：Vue.js 条件语句
Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令： v-if 指令 在元素 和 template 中使用 v-if 指令： <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......
AI视频融合平台EasyCVR接入国标GB28181设备，视频无法播放是什么原因？
EasyCVR基于云边端一体化架构，具有强大的数据接入、处理及分发能力，平台可在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理。EasyCVR目前已经在大量的线下场景中落地应用，如智慧工厂、智慧工地、智慧安防、智慧校园、智慧水利等。感兴趣的用户可以前往演示平台进行体验或部署测试。 ......
Mapbox样式配置之过滤器表达式
**需求** 如一个图层，有个属性字段m，值可能有1,2,3，我想等于1和2的时候给红色，等于3的时候给黄色。 **解决办法** 在 Mapbox 中，你可以使用样式表（Style）来配置图层的样式，包括根据属性字段值来设置不同的颜色。 以下是一个示例，演示如何根据属性字段 m 的值设置图层的颜色： ......
vue中(input组件)textarea文本提交到后端数据库，前端输出保存换行回车及修改显示
1.修改css中white-space属性为“pre-warp” 在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示，取值有： normal：默认，忽略文本中所有的空白、换行符；只有文本存在 <br> 或文本达到框的约束时，文本才会换行 nowrap：和nor ......
vue项目中实现监听键盘按键事件
created() { this.keyDown(); }, beforeDestroy() { this.keyDownReview(); }, methods: { //按键恢复 keyDownReview() { document.onkeydown = function (event) { ......
vue-element-admin安装依赖报错问题
vue-element-admin 安装依赖的时候报以下错误 npm ERR! code ENOENTnpm ERR! syscall spawn gitnpm ERR! path gitnpm ERR! errno -4058npm ERR! enoent An unknown git error ......
在项目中，遇到VUE父子组件的传参问题，父组件传参给子组件，子组件在CREATED和MOUNTED等生命周期中获取不到，也无法使用父组件传递过来的参数。
在项目中，遇到VUE父子组件的传参问题，父组件传参给子组件，子组件在CREATED和MOUNTED等生命周期中获取不到，也无法使用父组件传递过来的参数。 父组件传参，一般分为两种情况： 1、父组中的原始数据 (即定义在父组件data中的原始数据),传输给子组件使用，子组件在生命周期中是可以获取并使用 ......
vue 使用pag格式的文件，作为背景图
PAG是一套完整的动画工作流文件夹。 可以通过安装依赖 npm install libpag 或者cdn <script src="https://cdn.jsdelivr.net/npm/libpag@latest/lib/libpag.min.js"></script> 来引入 utils文件封 ......
Vue修改数组、对象并且触发视图更新的方法以及原理
一、数组 items: ['a', 'b', 'c'];//一个普通的数组 this.items[1] = 'x' ;//修改已有项 this.items[3] = 'd' ;//新增一项 this.item.length = 2;//修改数组的长度 //一个对象数组 msg: [{id: 1,se ......
vue中引入本地JSON文件
1、在项目中存放本地JSON文件 2、在需要的组件引入本地文件 import dataBaseMap from '../json/dataBaseMap.json'; 3、在data中接受数据 data() { return { // 浅拷贝 dataBaseMap: { ...dataBaseMa ......
运行新的vue项目的时候报错
### 一、运行vue项目报如下错误： ``` npm ERR! code ELIFECYCLE npm ERR! errno 126 npm ERR! vue-admin-template@4.4.0 dev: `vue-cli-service ``` ### 二、报错原因： ``` 可能是由于n ......
Vue3 中 ref 的优势
1. 允许使用任何值类型 2. 一个包含对象类型值的 ref 可以响应式地替换整个对象： const objectRef = ref({ count: 0 }) // 这是响应式的替换 objectRef.value = { count: 1 } 3. ref 被传递给函数或是从一般对象上被解构时， ......
Vue3 reactive 定义一个变量时，如何具有响应式？
错误示范： const arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败，直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.c ......
vue多行文本显示省略号加展开收起按钮
getClientRects()获取文本的行数和宽高等信息，只能获取行内元素的 nextTick(() => { const lineRows = document.querySelector('.abc').getClientRects(); // 如果行数超出2||行数是2&&最后一行宽度超过d ......
Vue中的APP与js的对象字面量
JavaScript的对象字面量是一种方便创建和初始化对象的语法。它允许您直接在代码中定义对象，而无需使用类或构造函数。对象字面量使用大括号{}括起来，并包含零个或多个键值对。 以下是JavaScript对象字面量的常见用法和特点： 键值对：对象字面量中的键值对由键和值组成，使用冒号:分隔。键是字符 ......
app直播源代码，vue+Ant design a-table分页器使用
app直播源代码，vue+Ant design a-table分页器使用 vue+Ant design a-table分页器使用 当前页current设置生效 <a-table :columns="columns" :data-source="detail" :pagination="paginat ......
前端样式配置
title: 前端样式配置 style tags: - 手册 - 样式 - CSS categories: - 手册 ```html 1 《半小时漫画中国哲学史》 2 “ 既许一人以偏爱，愿尽余生之慷慨 ” 3 [data.json文件链接](https://pan.baidu.com/s/1omz ......
span标签样式表
title: Span List categories: - 手册 # 1 《半小时漫画中国哲学史》 # 2 “ 既许一人以偏爱，愿尽余生之慷慨 ” # 3 [data.json文件链接](https://pan.baidu.com/s/1omzU65YMpJr0jPPFItZ7SA ) # 4 当 ......
vue3项目安装依赖报错 npm ERR! code ERESOLVE
vue3项目安装依赖报错 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: element-plus@1.0.2-beta.71 npm ERR! Found: ......
vue-router 4.1.4版本以上，打开新页面并隐式传参
## 情景 1. 框架：Vue3 + Vite4 + VueRouter4.1.6 2. 需求：现需要实现点击打开新页面，并把一些数据传过去 3. 限制： - 数据量较大，有一定私密性，不适合用query传递； - 需要从session中获取token判断访问权限，因此需要用router.resol ......
Vue-自定义icon实现
在项目中引入了element-ui之后，发现其内置的icon有限，无法满足项目的需求，因此需自定义icon来实现需求。 1. 在vue项目的components下新建SvgIcon目录，在SvgIcon目录下新建index.vue ![image](https://img2023.cnblogs.c ......
vue基础用法-属性绑定指令
# 属性绑定指令 注意：插值表达式只能用在元素的**内容节点**中，不能用在元素的**属性节点**中！ 如果需要为`元素的属性`动态绑定`属性值`，则需要用到`v-bind`属性绑定指令。用法示例如下： 在vue中，可以使用 v-bind:指令，为元素的属性动态绑定值； 简写是英文的 `:` ``` ......