在vue项目中使用 iconfont图标库，网上的栗子很多，这边就随手给一个， 点这里 上面的解决了，那我就很苦恼，我每次添加 或删除 或更新图标库，需要重新下载？自己手动去覆盖吗？我是拒绝的。so，自动覆盖就很有必要了。 贴一下我的iconfont目录 四个文件，加一个css，注意css文件与创建项目的设置对比一下 但是，我们的图标是动态扩展的，随时可能删除和添加，每次删除和添加，都要下载到本地…
之前写了一篇周和月日历，但感觉体验不是太好，所以有重新做了一遍，加上了动画。还可以自定义显示日历里的内容。 现在贴出项目源码,我现在是放在CSDN里的下载资源,这里哦 现在我上传带了GitHub上了,可以去这里下载哦,如果觉得好的话希望能给个star,谢谢支持 1.总共分为两个组件(父组件calendar.vue) 一 二 三 四 五 六 日 { {day.day}} { {day.nongli.…
背景：新项目采用 Vue3 作为前端项目框架，避免不了要使用 echarts ，但是在使用的时候，出现了与 Vue2 使用不一样的地方，所以特别记下来，希望给到有需要的同学一些帮助。 下载Echarts依赖 # 自己使用的yarn yarn add echarts # or npm install echarts --save # or # 有淘宝镜像的可以选择 (安装速度快) cnpm inst…
v-show=“true” 展示元素 v-show=“false” 隐藏元素 无论展示还是隐藏,元素都存在于页面上 v-if 渲染或者不渲染元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co…
安装 npm install vue-echarts 在vue中引入vue-echarts组件的时候报错了，如下图 Error in mounted hook: "Error: Component series.line not exists. Load it first 解决方法 找到vue-echarts下的components>echarts.vue import echarts fr…
图示： 父子传参 子组件 Child.vue <template> <div> <button @click="childEmit">父组件传参</button> </div> </template> <script> export default { setup(props,{ emit}){ function …
echarts组件使用参考： https://blog.csdn.net/weixin_50450473/article/details/121510438 目录 图例一 图例二 图例三 图例四 图例五 图例六 图例七 图例八 图例九 图例一： 图例二： 图例三： 图例四： 图例五： 图例六： 图例七：自定义显示内容 图例八： 图例九： 图例一 let datas = [ { value: 6.8…
vue的错误集锦 1、点击方法突然报错，而且点击绑定都报错，如下 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tqcnb2MB-1641977374634)(E:\ljy\资料\img\image-20211208085820867.png)] 百度了有人说是因为 methods 写少了，或者是变量名没有定义，但是我的都是争取的，也已经定义了。重启了项目也还是不行…
1，npm install element-ui -S 开启npm.cmd，输入npm install element-ui -S命令，正常情况会安装成功，但也有安装不成功的情况。 上图便是npm install element-ui -S安装不成功，若安装不成功，则检查npm和vue是否安装成功，使用npm -v和vue -V来查看版本，看不到版本号，便重新安装npm或vue。解决方式：npm …
描述： 视频详情页以及全屏展示 视屏详情包括：①提示视频大小，主义流量消耗；②视频右侧下方展示播放量按钮，分享按钮，全屏按钮；③视频正下方展示标题；④图标切换：视频开始按钮、进度条、上一个及下一个视频、全屏按钮；⑤背景毛玻璃样式(暂时先不考虑) 全屏同视频详情，区别：标题在视频上方 思路： 放弃使用插件，采用video标签形式，注掉原生样式。 视屏详情： 页面静态模块（按钮文字等），通过绝对定位实…