Vue
文章平均质量分 65
hello、深海鱼
这个作者很懒,什么都没留下…
展开
-
项目依赖安装node-sass@^4.14.1 run “node scripts/install.js“报错问题解决
快速而简单的解决项目依赖安装node-sass报错问题。原创 2023-02-08 11:42:08 · 2256 阅读 · 0 评论 -
uni-app调用Native.jsAPI实现对Android原生日历的增删查操作
最近的uni-app项目中有一个直播日历的功能,同时也需要把对应的直播时间插入到手机的日历中,翻阅了很多资料,但是都是原生Android,类似于偏向前端的这种文章比较少,于是就记录下来。原创 2022-09-02 09:20:55 · 2698 阅读 · 2 评论 -
手机端自定义日历组件(vue)
移动端月日历组件原创 2022-06-24 09:49:52 · 1821 阅读 · 5 评论 -
自定义Loading组件
再component中创建loadding 组件<template> <div class="markbox" v-show="loading" style="background-color: rgba(0, 0, 0, 0.8)" > <div class="sun-loading"></div> </div></template> .原创 2020-10-21 15:44:48 · 411 阅读 · 0 评论 -
[vue]_.debounce-函数
之前想做银行卡每输入4位数字加个空格,方案是监听用户输入然后加空格,或者是输入完了,监听失去焦点再去加空格(当然后者体验不太好),当时想的是用setInterval去做,今天看文档,发现用_.debounce比较nice,_.debounce延迟操作,用的场景也比较多,比如:建议搜索词、图片延迟加载、输入监听请求数据…类似这样的~ 做个笔记(官网案例:https://cn.vuejs.org/v2/guide/computed.html)<div id="watch-example">原创 2020-06-28 16:27:42 · 1842 阅读 · 0 评论 -
Vue路由的懒加载
使用Vue进行项目开发已经有一段时间了,当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。方法一:直接引入 (不推荐)import ShopcarContainer from './views/Foo.vue';方法二:resolve此法实现了按需加载,主要...原创 2020-02-21 11:40:44 · 165 阅读 · 0 评论 -
Vue中的proxy代理
在项目开发过程中,先在本地运行项目以及对接的相关操作,待项目完成以后再修改正式服地址。那么在这个过程中如何能够在本地请求接口数据而不出现跨域警告呢?此时我们需要用到proxy代理,是vue静态服务器做代理。Vue@2.x 版本项目启动:npm run dev//在config文件下的index.js进行代理配置。配置如下: proxyTable: { '/ap...原创 2020-02-19 13:35:33 · 7484 阅读 · 1 评论 -
关于IOS设备滑动不流畅解决办法
最近做的项目,无论是小程序还是还是vue的公众号项目,内容过多出现滚动条的情况下,在IOS设备上滑动起来一卡一卡的,用户体验极差。步入正题:关于ios滑动不流畅的解决办法 在overflow:scroll部分,也就是需要滑动的层处,加css -webkit-overflow-scrolling: touch;...原创 2019-12-10 22:30:50 · 1266 阅读 · 0 评论 -
关于脚手架vue/cli4.x的使用
官方文档https://cli.vuejs.org/zh/guide/installation.html1.安装官方文档上有说明,在安装最新的脚手架之前最好先卸载旧版本的vue/cli。npm uninstall vue-cli -g同时也需要保持node 的版本8.9 或更高版本 (推荐 8.11.0+),如果你的电脑上还没有安装与此版本相匹配的Node版本,建议先安装。那么现在...原创 2019-11-15 22:59:55 · 3047 阅读 · 0 评论 -
lrz的使用
在最近的一个物业管理的项目中,用户上传图片的时,需要对图片的大小进行限制,于是使用了未曾接触到的lrz插件对用户上传的图片进行压缩。关于lrz插件的使用有关以下记录。1.如何使用使用 npm 进行下载cnpm instll lrz --save在main.js中引入import lrz from 'lrz'用户进行图片上传时,需要用一个input fire 来获取图片。 &l...原创 2019-11-14 23:59:30 · 7063 阅读 · 5 评论 -
mint-ui下拉加载更多
最近做的好几个项目都有下拉加载操作,本人对于这个组件的使用也有点模糊,记录一下。步骤一:下载依赖包cnpm install mint-ui --save步骤二:在main.js中引入全局样式import Mint from 'mint-ui'import 'mint-ui/lib/style.min.css'Vue.use(Mint)步骤三:在需要使用的页面引入相关组件 i...原创 2019-10-15 17:27:17 · 392 阅读 · 0 评论 -
关于vue-event-calendar的使用
话不多说,上代码,仅做记录!第一步:npm install vue-event-calendar --save第二步:import 'vue-event-calendar/dist/style.css'import vueEventCalendar from 'vue-event-calendar'Vue.use(vueEventCalendar, {locale: 'en'})...原创 2019-09-19 10:04:03 · 2398 阅读 · 0 评论 -
vue开发使用使用的工具:dev-tools的安装和使用
1.在github上下载安装包,下载地址是:https://github.com/vuejs/vue-devtools;2.进入安装包3.使用cnpm下载所以来的模块一.cnpm install或者npm install二.npm run dev 这一步一定不能忘记,否则shells->chrome下会少一个名字叫做src的文件夹4.修改shells->chrome...原创 2019-06-27 16:05:33 · 613 阅读 · 0 评论