vue<template v-slot> can only appear at the root level inside the receiving the component
摘要：中文翻译之后：<template v-slot>只能出现在接收组件内的根级别 原因：很简单，就是在你的父组件中，<template v-slot>没有用在子组件下，只需要放在子组件中就行了
阅读全文
posted @
2024-08-02 10:30
技术高超
阅读(514)
推荐(0) 编辑
vue的computed的小结
摘要：//初始化数据data() { return { testComputed: {value:'v1'} }; }, //1.赋值testComputed，则预期会打印computedcomputed: { test() { console.log('computed'); return this.t
阅读全文
posted @
2024-08-02 10:30
技术高超
阅读(5)
推荐(0) 编辑
vue-style总结
摘要：其实vue官网已经讲的很详细了：https://cn.vuejs.org/v2/guide/class-and-style.html#ad 我自己记录一下style是如何用的： 1.直接写死 //背景色和字体<label style="background-color:red;font-size:5
阅读全文
posted @
2024-08-02 10:30
技术高超
阅读(16)
推荐(0) 编辑
element-ui的表格列自定义列数并且能自适应宽度
摘要：思路： 在不影响宽度的情况下，以自定义列优先，在影响宽度的情况下，以自适应宽度列优先，都不影响的情况下，以最小值优先。总结：实际上都是取最小值当屏幕分辨率小于750px的时候，最多显示1列，自定义列为1-6，比较，取最小值1； 当屏幕分辨率小于980px的时候，最多显示2列，自定义列为1-6，比较，
阅读全文
posted @
2024-08-02 10:30
技术高超
阅读(201)
推荐(0) 编辑
vue的watch场景
摘要：这里主要列举一下，监听的是对象的各种情况 data() { return { test:{id:'id1', name:'name1'} }; }, 情况一：监听对象 watch: { test: { handler(value) { console.log('test-value', value)
阅读全文
posted @
2024-08-02 10:29
技术高超
阅读(7)
推荐(0) 编辑
vue的computed场景
摘要：这里主要列举一下，计算属性内是对象的各种情况 data() { return { test:{id:'id1', name:'name1'} }; }, 情况一：返回对象 computed:{ testValue(){ return this.test; } } 情况二：返回对象的属性 comput
阅读全文
posted @
2024-08-02 10:28
技术高超
阅读(5)
推荐(0) 编辑
CSS背景图片小调整
摘要：添加背景图片，但是背景图片太小了（图片只是测试图片，实际工作中是不知道什么颜色的背景有很多logo的图片） background-image: url('../assets/images/test.jpg') ; background-repeat: no-repeat; background-si
阅读全文
posted @
2024-08-02 10:28
技术高超
阅读(16)
推荐(0) 编辑
全新vue项目使用mock
摘要：首先这里不介绍mockjs有多少优点，只是记录一个全新的vue项目如何安装并使用mock。 安装vue项目（不想安装新项目，可直接跳过，看安装mockjs内容） 在命令行输入安装命令vue create vue-mock vue3或者vue2都可以，默认enter键一直就装好了 安装mockjs 使
阅读全文
posted @
2024-08-02 10:24
技术高超
阅读(174)
推荐(0) 编辑
vue项目播放本地音频和数据库音频
摘要：前期准备：vue项目，安装好了axios和mock，如果没有可以看我的博客全新vue项目使用mock 实现效果：点击按钮之后，可以播放音频，本地音频是放在vue项目里的，数据库音频是需要调用后端请求获得音频的（这里是获取mock中的base64音频数据） vue项目vue-audio目录结果如下，其
阅读全文
posted @
2024-08-02 10:24
技术高超
阅读(692)
推荐(0) 编辑
vue2.0上video视频切换（二）m3u8格式的
摘要：在 Vue 2.0 中，如果你想要切换 video 元素的源（src），你需要确保每次切换时都提供一个不同的 src 值，以避免浏览器从缓存中加载旧的视频。 我这里使用v-if和key结合，当你使用 key 属性时，Vue 会跟踪每个节点的身份，而不仅仅是它的内容。如果 key 发生变化，Vue 会
阅读全文
posted @
2024-05-07 13:46
技术高超
阅读(320)
推荐(0) 编辑
vue2.0上video视频切换（一）mp4格式的
摘要：在 Vue 2.0 中，如果你想要切换 video 元素的源（src），你需要确保每次切换时都提供一个不同的 src 值，以避免浏览器从缓存中加载旧的视频。 我这里使用v-if和key结合，当你使用 key 属性时，Vue 会跟踪每个节点的身份，而不仅仅是它的内容。如果 key 发生变化，Vue 会
阅读全文
posted @
2024-05-07 11:16
技术高超
阅读(219)
推荐(0) 编辑
vue常量定义以及使用
摘要：在 Vue 项目中，您可以在 JS 文件中定义常量，然后通过 Vue.prototype 在 main.js 中定义这些常量为全局变量，以便在 Vue 组件中直接使用。以下是如何实现这一点的步骤： 定义常量 首先，创建一个 JS 文件来定义您的常量。例如，您可以创建一个名为 constants.js
阅读全文
posted @
2024-03-08 16:39
技术高超
阅读(1464)
推荐(0) 编辑
vue项目引入自定义svg
摘要：图标可以使用element-ui的图标库、第三方的图标库或者引入svg使用，这里是讲如何使用自定义的svg。 将SVG图标放入项目 自定义的svg可以访问 https://www.iconfont.cn地址，搜索你想要的图标，下载 SVG 格式，放入项目的src/assets/icons/svg文件
阅读全文
posted @
2024-03-07 16:34
技术高超
阅读(588)
推荐(0) 编辑
vue项目打包之后更改某些配置项
摘要：.env.development（开发环境）、.env.production（生产环境）和 .env.test（测试环境）等环境变量，一旦你运行了 npm run build 命令，环境变量的值就被固定下来了，你不能再直接更改 .env文件中的值来影响已经构建好的应用。但是有时候也需要修改某些配置项
阅读全文
posted @
2024-03-06 11:29
技术高超
阅读(1528)
推荐(0) 编辑
vue项目开发生产测试等环境变量配置
摘要：在 Vue.js 项目中，.env 文件通常用于存储环境变量，这些变量可以在项目的不同部分中使用。.env 文件分为几种类型，如 .env.development（开发环境）、.env.production（生产环境）和 .env.test（测试环境）等，分别用于存储不同环境下的变量。 .env.p
阅读全文
posted @
2024-03-06 10:57
技术高超
阅读(232)
推荐(0) 编辑
vue页面上显示package.json中的version
摘要：在Vue项目中，你可以使用process.env来访问构建时注入的环境变量，包括package.json中的某些字段。但是，process.env通常不会直接包含package.json的所有内容。不过，你可以通过构建脚本将version字段注入到环境变量中。 以下是如何在Vue项目中获取packa
阅读全文
posted @
2024-02-26 13:51
技术高超
阅读(1058)
推荐(0) 编辑
vue项目npm run build的时候自动更新package.json中的version
摘要：在vue项目最外侧新增一个addVersion.js 脚本，脚本中编写逻辑来解析当前的版本号 // addVersion.js const fs = require('fs'); const path = require('path'); const packageJsonPath = path.j
阅读全文
posted @
2024-02-26 13:51
技术高超
阅读(531)
推荐(0) 编辑
vue-video-player简单例子之mp4视频链接
摘要：1.首先，在终端中使用以下命令安装vue-video-player npm install --save video.js vue-video-player 2.然后，在Vue.js组件中导入vue-video-player，并将其注册为组件 <template> <div> <video-play
阅读全文
posted @
2023-04-07 14:55
技术高超
阅读(1158)
推荐(0) 编辑
“相对路径”以及“绝对路径”使用之坑
摘要：平时觉得“相对路径”以及“绝对路径”无所谓，想用什么就用什么，近期因为这个，吃了点亏。 场景1： 引用项目里的公共方法文件夹的时候，用的是相对路径，写了一大堆../../。 后来文件夹位置变动了，全报错，关键是不同的地方引用的这个公共文件夹的../../还不一样，没办法，只能一个一个文件去改了。 要
阅读全文
posted @
2019-07-30 17:52
技术高超
阅读(414)
推荐(0) 编辑
