vue
文章平均质量分 73
木荣小逗比
热爱音乐的前端小程序员
展开
-
使用vue3+typescript编写一个图片懒加载插件
本插件主要功能借鉴于:vue-lazyloadgithub项目地址: https://github.com/murongg/vue3-lazyload求star 与 issues我文采不好,可能写的文章不咋样,有什么问题可以在留言区评论,我会尽力解答本项目已经发布到npm安装:$ npm i vue3-lazyload# or$ yarn add vue3-lazyload需求分析支持自定义 loading 图片,图片加载状态时使用此图片支持自定义 error 图片,图片加载原创 2020-10-23 10:40:59 · 2268 阅读 · 1 评论 -
Vue侦听器watch获取this报undefined
错误代码watch: { data: { handler: (newVal) => { this.info = newVal }, deep: true }},修正后代码watch: { data: { handler: function (newVal) { this.info = newVal }, ...原创 2020-01-08 11:39:24 · 1982 阅读 · 0 评论 -
Nuxt.js 引入vue-awesome-swiper报错踩坑记
nuxt.js引入vue-awesome-swiper后,控制台报错window is not defined###原因:Nuxt在服务端渲染时找不到window###查询官网文档:###解决办法:在nuxt的plugins目录下新建vue-awesome-swiper.js文件,代码如下:import Vue from "vue";import "swiper/dist/css...原创 2019-12-26 13:36:24 · 3642 阅读 · 1 评论 -
vue @mousemove实现拖动,鼠标移动过快拖动卡顿
需求使用vue实现滑动拼图验证码踩到的坑使用@mousemove绑定事件拖拽速度过快有严重的卡顿源代码<template> <div class="slider-verify"> <div class="img"> <img src="./101.jpg" class="big-img" /> <...原创 2019-12-21 13:12:57 · 15943 阅读 · 2 评论 -
深度采坑指南之vue-cli代理跨域proxy解决跨域限制
现在很多公司为了安全起见,都会禁止跨域访问数据。使用axios直接访问会报出以下错误Failed to load http://m.xusong.com/api/NEWS/getNews.json?page=1&pageSize=10: No 'Access-Control-Allow-Origin' header is present on the requested resource....原创 2018-05-22 11:19:24 · 29159 阅读 · 5 评论