
vue
xinga1016
打工人 人上人
展开
-
vue-touch手势事件
下载依赖npm install --save vue-touch@nextvue调用 var VueTouch=require('vue-touch') Vue.use(VueTouch,{name:'v-touch'})将想要手势操控的块用包裹起来 <!-- 左滑事件 --> <v-touch v-on:swipeleft="onSwipeLeft"> <div>这里是需要有手势事件的块</div> </v-touch>原创 2020-11-19 10:17:05 · 844 阅读 · 0 评论 -
better-scroll列表滚动优化
下载插件npm install --save better-scrollhtml<div class="scrollbox"> <ul class="scrollbody"></ul></div>css容器的高度一定要小于滚动内容的高度.scrollbox{ height: 500px; overflow: hidden;//不能是auto或者scroll po原创 2020-11-13 20:48:10 · 377 阅读 · 0 评论 -
Vue中反向代理配置
创建脚手架项目$vue create myapp$cd myapp在根目录下创建vue.config.js文件并添加以下代码module.exports = { devServer: { /*凡是以 /api 开头的请求全部拦截下来代理到*<url>服务器/ proxy: { '/api': { target: '<url>', changeOrigin: true }, /*凡是以原创 2020-11-11 14:38:58 · 245 阅读 · 0 评论 -
Vue中Swiper的初始化
1、引入插件 <script src="vue.js"></script> <link rel="stylesheet" href="swiper.css"> <script src="swiper.js"></script>2、初始化注意在mounted里初始化时,初始化会出现过早情况,达不到功能;可在updated生命周期中初始化,但是每次更新都将会初始化一次,只是暂时解决;我们可自行封装一个轮播图组件,让后再给组件一个k原创 2020-11-10 19:48:06 · 1793 阅读 · 0 评论