vue
一只琪琪子
这个作者很懒,什么都没留下…
展开
-
ant-design-vue3.2.6 图片预览,旋转,放大缩小
图片预览原创 2022-07-04 10:56:49 · 2979 阅读 · 1 评论 -
vue3.0+ant design vue3.2.6框架的基本使用
ant design vue组件的使用原创 2022-07-04 10:34:33 · 1905 阅读 · 0 评论 -
vue项目中移动端的适配
1、安装插件①安装 px2rem-loader(作用:通过配置基准,实现将px自动换算成rem)npm install px2rem-loader --save;②安装lib-flexible(作用:根节点会根据页面视口变化而变化font-size大小)npm install lib-flexible --save;2、配置utils.js文件(打开build文件夹下面的utils.js文件)在当前文件中,找到下边的generateLoaders (loader, loaderOption转载 2021-11-08 16:36:10 · 1556 阅读 · 0 评论 -
vue中如何使用vue-full-calendar(完整版)
vue中如何使用vue-full-calendar(完整版)1、npm下载npm install vue-full-calendar --save2、哪个页面要使用直接引入import { FullCalendar } from 'vue-full-calendar'import 'vue-full-calendar/node_modules/fullcalendar/dist/fullcalendar.css'页面使用了组件,所以必须在components中注册一下components:原创 2021-09-22 15:24:14 · 3949 阅读 · 0 评论 -
vue中使用vue-full-calendar全日历切换月份怎么触发事件?
因为文档中没有提到,所以我们可以通过获取dom元素来添加事件可以在mounted中这么写mounted() { this.$nextTick(() => { //点击上个月 const prevBtn = document.querySelector('.fc-prev-button') prevBtn.addEventListener('click', () => { this.changeMonth() })原创 2021-09-18 14:28:57 · 2166 阅读 · 2 评论 -
vue中失焦事件和点击事件冲突,如何解决?
①可以通过添加setTimeout来实现(但是有时候会出问题,会失效)//设备号失焦事件 blurInput(){ setTimeout(() => { this.isShowAuto = false },100) },②可以把点击事件修改成@mousedown鼠标按下事件(推荐这样解决)<div v-show="isShowAuto" class="auto"> <ul> .原创 2021-09-18 14:18:54 · 2071 阅读 · 0 评论 -
Vue中的v-model
**v-model只能用在:<input> <select> <textarea> <components>v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源.**...原创 2019-08-28 14:45:36 · 683 阅读 · 0 评论 -
axios封装
首先在src下面新建一个utils的文件夹,在这个文件夹新建一个http.js文件 然后http.jsimport axios from 'axios'// import qs from 'qs'import { MessageBox, Message } from 'element-ui'// const url = process.env.NODE_ENV === 'produc...原创 2020-04-12 16:24:49 · 254 阅读 · 0 评论