随笔分类 -  vue

pc 弹窗橡皮筋效果(自己纪录)
摘要：<transition name="fadeout"> <div class="com-model" v-show="showModel"> <transition name="bounce"> <div class="com-model-body" v-show="showModel"> <!-- 阅读全文
posted @ 2020-06-20 10:22 黑夜中的一颗小星星 阅读(145) 评论(0) 推荐(0)
vue watch属性监听对象变化。
摘要：有时候要监听对象的变化。 我一般用来做一堆input 表单里面条件是否达到，然后按钮的颜色变化。 data: { return: { form: { // 这里面暂时不处理对象格式。如{ a:'',b: '' } name: '', tel: '', product_value: [], // 产品 阅读全文
posted @ 2020-04-01 16:08 黑夜中的一颗小星星 阅读(496) 评论(0) 推荐(0)
vue 动态生成二维码
摘要：npm install qrcodejs2 --save 这里的效果可以实现在安卓或者苹果手机支持长按功能扫描。 html <div id="qrcode" class="qrcode_img" style="width: 151px;height:151px;z-index: 4;display: 阅读全文
posted @ 2020-01-20 15:53 黑夜中的一颗小星星 阅读(926) 评论(0) 推荐(0)
better-scroll 上拉刷新，下拉加载模板
摘要：npm install better-scroll --save<template> <div class="tabbar"> <div ref="wrapper" class="wrapper"> <div class="content" ref="content"> <!--上拉的东西--> < 阅读全文
posted @ 2020-01-16 16:21 黑夜中的一颗小星星 阅读(344) 评论(0) 推荐(0)
vue 修饰符
摘要：为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~ 转（https://segmentfault.com/a/1190000016786254） 目录 表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符（实在不知道叫啥名字 阅读全文
posted @ 2020-01-15 17:27 黑夜中的一颗小星星 阅读(174) 评论(0) 推荐(0)
vue缓存页面和返回跳到相应的位置。
摘要：运用场景： 需要缓存的页面， 比如非常常见的新闻资讯页面。 那么首先怎么做缓存好点： vue做缓存页面还是比较简单的，就利用 keep-alive 组件就可以达到了。 而单独页面做缓存也是有几种方式，我这里就举例一种我经常使用的一个方法，其他的就自己去百度咯。 App.vue 为例。 <transi 阅读全文
posted @ 2020-01-14 16:28 黑夜中的一颗小星星 阅读(655) 评论(0) 推荐(0)
vue 里面日历能够自定义价格。
摘要：cell-month 组件 <template> <div class="cell-month"> <div class="weeklist"> <!--星期几--> <div class="week_box"> <p v-for="(item,index) in weekData"> {{item 阅读全文
posted @ 2020-01-08 17:43 黑夜中的一颗小星星 阅读(454) 评论(0) 推荐(0)
vue 路由淡入淡出（参考被人的，做记录）
摘要：// 简单记录一下，下次就知道vue动画都怎么做了。<transition name="fade"> <router-view ></router-view> </transition> .fade-enter { opacity:0; } .fade-leave{ opacity:1; } .fa 阅读全文
posted @ 2019-12-19 18:07 黑夜中的一颗小星星 阅读(477) 评论(0) 推荐(0)