![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
框架/工具
前端框架/工具类技术
涳涳嘚慌
xxx is not defined
展开
-
vue输入框保留小数位(v-decimalsNum指令)
文章目录问题描述指令核心问题描述在平时开发中,经常会出现需要对输入框做保留小数位处理(原生type=number有坑),在当前输入框使用@change、@blur、@input等事件或者干脆用watch监听处理保留小数位不利于维护,在这里针对保留小数位封装成指令指令核心import Vue from 'vue'const isNumber = val => typeof val === 'number' && val === val// 使用 v-decimalsNum原创 2020-05-09 12:08:59 · 2250 阅读 · 0 评论 -
输入框聚焦时将其滚动到可视区域(v-scroll-safe-area指令)
涉及方法//判断ios或android系统function getOS () { let ua = navigator.userAgent.toLowerCase() let isIOS = /iphone/.test(ua) if (isIOS) { return 'ios' } else { return 'android' }}//兼容性添加监...原创 2020-04-26 17:40:41 · 737 阅读 · 0 评论 -
Vue单页应用导航管理器(使用vue-page-stack仿原生app切换效果)
文章目录安装全局引入基本使用vue-page-stack码云地址安装npm install vue-page-stack --save全局引入import Vue from 'vue'//vue-router配置文件import router from '@/router'import VuePageStack from 'vue-page-stack'//router 路...原创 2020-04-28 17:41:13 · 1196 阅读 · 0 评论 -
vue的3d滑动插件(vue-carousel-3d)
vue-carousel-3d官网安装npm install -S vue-carousel-3d全局引入import Vue from 'vue';import Carousel3d from 'vue-carousel-3d';Vue.use(Carousel3d);局部引入import { Carousel3d, Slide } from 'vue-carousel-3...原创 2020-03-20 11:32:07 · 6190 阅读 · 1 评论 -
vue-form-table(vuejs+element-ui的表格表单控件的二次封装插件)
vue-form-table介绍基于element-ui的el-form和el-table做的二次封装https://gitee.com/ziyuan_xcc/vue-form-table示例<template> <div class="demo"> <div> <h1>myForm</h1> ...原创 2020-03-05 15:37:13 · 2285 阅读 · 0 评论 -
TinyPNG
TinyPNG在线压缩图片网站可以对图片进行压缩并失真较少,免费支持5M大小以下的图片官方网站:https://tinypng.com/原创 2020-02-02 23:13:39 · 649 阅读 · 0 评论