vue
vue框架项目开发知识总结
ᥬ 小月亮
脑子里只有快乐和梦想。
展开
-
Vue下载静态文件
【代码】Vue下载静态文件。原创 2024-09-26 14:14:26 · 317 阅读 · 0 评论 -
Vue中使用Hls.js进行视频直播的播放
① 检查 包裹video组件外层的div使用的是。③ 检查 挂载节点是否加载完成,可以采用使用。② 检查 video 组件是否设置了宽高。原创 2024-09-26 13:59:00 · 346 阅读 · 0 评论 -
Vue3中使用无缝滚动插件vue3-seamless-scroll
表格中的列数据进行横向无缝滚动,某一列进行筛选的时候,重新请求后端的数据,进行刷新。原创 2024-04-23 16:29:40 · 2485 阅读 · 0 评论 -
Swiper10.1.0图片轮播效果
本来一开始用的swiper7.4.1,但是分页器一直不出来,元素审查都没有找到对应的代码,所以换了版本。原创 2024-01-18 16:02:54 · 536 阅读 · 0 评论 -
Vue3大屏项目实现数字跳动的效果
vue-count-to插件countup.js插件原创 2023-09-22 10:13:27 · 1250 阅读 · 0 评论 -
Extraneous non-emits event listeners (XXX) were passed to component but could not be automatically i
原因:https://github.com/vuejs/core/issues/2540原创 2023-09-21 16:00:24 · 4311 阅读 · 0 评论 -
Vue3+Ts中使用Jquery
【代码】Vue3+Ts中使用Jquery。原创 2023-09-15 14:11:40 · 796 阅读 · 0 评论 -
Vue3项目使用Ts:不能将类型“(XXX?: boolean) => void”分配给类型“(payload: MouseEvent) => void”
【代码】Vue3项目使用Ts:不能将类型“(XXX?: boolean) => void”分配给类型“(payload: MouseEvent) => void”原创 2023-09-15 13:58:12 · 1288 阅读 · 0 评论 -
element-plus中更改分页器的文字
main.ts。原创 2023-09-06 15:48:18 · 1606 阅读 · 1 评论 -
Vue3列表竖向滚动(包含使用swiper的翻页效果)
1、swiper竖向滚动2、swiper横向轮播3、实现swiper数据重置之后从第一页开始轮播原创 2023-08-31 10:46:49 · 3015 阅读 · 1 评论 -
vue中使用.env文件
① 在项目根目录下新建名称.env.test的文件② 文件内容如下:变量的名称必须以VUE_APP_开头。原创 2023-07-21 13:40:36 · 1412 阅读 · 0 评论 -
Vue 编译报错:BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
【代码】Vue 编译报错:BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.原创 2023-07-18 17:40:15 · 576 阅读 · 0 评论 -
Vue2项目报错:listen EADDRNOTAVAIL: address not available XXXX
【代码】Vue2项目报错:listen EADDRNOTAVAIL: address not available XXXX。原创 2023-06-26 10:51:49 · 1378 阅读 · 2 评论 -
Vue3+Ts+Webpack编写项目,遇到的问题总结
vue3+ts编写项目遇到的问题总结原创 2023-01-05 11:04:58 · 1364 阅读 · 0 评论 -
(Vue2版本)Uniapp编写H5项目
(Vue2版本)uniapp中编写H5项目原创 2022-11-10 11:17:29 · 4486 阅读 · 0 评论 -
vue中websocket使用(客户端)
vue中websocket使用原创 2022-11-09 16:31:21 · 1206 阅读 · 0 评论 -
Vue2中使用高德地图
vue中使用高德地图,进行点的涟漪的绘制原创 2022-11-07 15:52:37 · 2448 阅读 · 2 评论 -
Vue3+Ts中使用setInterval或者setTimeout
自己根据业务需求写的,后续会跟进完善原创 2022-07-25 14:21:54 · 7023 阅读 · 0 评论 -
Vue3中使用provide和inject传值(子传父)
使用provide和inject进行子传父原创 2022-07-25 11:28:30 · 1315 阅读 · 0 评论 -
VUE3+TS+Vue-cli创建项目(webapck构建项目)
快速搭建vue3+ts项目原创 2022-07-22 16:18:18 · 1108 阅读 · 0 评论 -
Vue中axios请求报错
在请求后端接口后,发现请求成功了,但是却报错了。在经过排查之后,发现后端返回的数据结构更改了,所以导致成功的代码块内部出现错误,最后执行了catch代码块的内容。上网查了资料,发现有如下的原因会导致请求成功但却进入catch中:axios请求完成后,如果then代码块中存在错误代码信息(比如取数据没取到),就会进入catch中抛出异常。(注意:此时控制台并不会报错,因为错误被catch捕获了)axios是异步发起请求,如果请求发起后页面刷新,那么就会丢失当前进程,导致接收不到。参考..原创 2022-03-17 15:47:23 · 5405 阅读 · 0 评论 -
Vue倒计时三秒进行页面的跳转
export default{ data() { return { countDown: 0, // 页面上显示的倒计时数字 timerThree: null, // 倒计时的对象 } }, methods: { countDownFunc(){ const TIME_COUNT = 3; // 3s的倒计时变量 if(!this.timerThree){ // 没有倒计时在执行 this.countDown = TIME原创 2021-12-16 13:53:23 · 1618 阅读 · 0 评论 -
Vue使用axios请求后台数据
1.安装axios:npm install axios -S2.在main.js中进行引入:import axios from 'axios'Vue.prototype.$axios = axios3.在methods中调用:this.$axios.get(url).then(res => { // 请求返回的数据})...原创 2020-04-14 17:38:49 · 541 阅读 · 0 评论 -
vue中实现列表的懒加载(点击加载更多和滚动加载更多)
1.点击加载更多<template><divclass="list"><h3>列表的懒加载</h3><divv-for="(item,index)inlist":key="index"><div>{{item.id}}</div><...原创 2020-04-14 15:48:08 · 15319 阅读 · 0 评论 -
vue2组件之间传值(数据共享)
1.父组件向子组件传值:①在父组件中使用v-bind进行属性绑定②在子组件中使用props进行数据接收2.子组件向父组件传值:①在子组件中使用v-on进行事件绑定,使用$emit发送数据②在父组件中自定义事件用于接收传过来的值,使用$on接收数据3.兄弟组件之间传值:EventBus......原创 2020-03-10 15:32:33 · 5259 阅读 · 0 评论 -
Vuex的使用(概述)
1.vuex概述vuex相当于一个数据共享的中间层,存储到vuex中的数据一般都是用于组件之间传值使用的。2.vuex的安装安装到生产环境:npm install vuex --save3.导入vuex包(main.js)import Vuex from 'vuex'Vue.use(Vuex)4.创建store对象(src文件夹下新建一个store文件夹,新建i...原创 2020-03-20 14:45:37 · 121 阅读 · 0 评论 -
使用Vue Cli3.0脚手架初始化Vue项目(现在最新版本是Vue Cli4)
1.新建一个文件夹(Docker-Vue-Demo),在终端将文件夹打开,路径跳转到Docker-Vue-Demo文件夹下。2.安装Vue:npm install vue3.查看Vue版本:npm vue -v4.全局安装Vue cli:npm install -g @vue/cli5.新建项目:vue create 项目名称,如果是在当前文件夹下,则直接使用vue create ...原创 2020-03-17 17:57:02 · 751 阅读 · 0 评论 -
导航守卫之this的指向
当我们想要切换导航地址,改变这个组件中定义好的值时,就需要用到导航守卫和this。例子:在跳转到某个页面时,我们要给这个页面中的某个模块做显隐的效果。1.首先在此页面使用beforeRouteEnter这个钩子进行路由的获取:beforeRouteEnter: (to, from, next) => { console.log(to,from,next)}2.进行...原创 2020-03-05 14:04:16 · 916 阅读 · 0 评论 -
Vue使用路由传递参数
1.使用name+params:参数不会暴露在地址栏2.使用path+query:参数会暴露在地址栏,并且要将每个参数都罗列出来原创 2020-03-04 12:09:42 · 581 阅读 · 0 评论