
vue
文章平均质量分 80
樱木のじしん
what you fear, you must face
展开
-
vue 父组件动态给子组件传值,实现一个添加日程弹窗
father.vue<template> <!-- 添加日程 --> <div class="dd schedule"> <h5>添加日程</h5> <el-calendar class="my-calendar"> <template slot="dateCell" slot-scope="{data}"原创 2020-10-27 14:38:36 · 362 阅读 · 0 评论 -
自定义数字键盘(基于Vue封装)
最近在做一个项目有个需求,点击输入框,自动调起数字键盘。最开始一直尝试设置input的type属性,但都遇到了各种各样的问题:1.type=number,PC和安卓都不能输入非数字字符(注意:安卓仍然可以输入+和-),最大的问题是ios可以切换到非数字键盘,但输入的非数字字符都会自动清空,因此获取不到输入的值,也就没有办法判断输入的值是数字还是非数字2.type=tel,ios不能切换到非数字键盘,看似完美解决问题,但ios数字键盘没有小数点(.),当需要输入金额时就不适用了后来产品提出,为了提高用原创 2020-07-27 13:03:07 · 1842 阅读 · 3 评论 -
图片压缩插件image-compressor.js的使用和解决图片旋转问题(vue)
1.安装yarn add image-compressor.js / npm i image-compressor.js2.引入import ImageCompressor from “image-compressor.js”3.使用语法:new ImageCompressor(file, [options])<input type="file" id="file" accept="image*" />document.getElementById("file").addEven原创 2020-06-15 17:23:04 · 6969 阅读 · 1 评论 -
手写组件递归实现树状表格
vue实现树状表格 功能:大部分的ui框架(element ui、view ui等)都有树状表格,但有时候现有的框架样式并不能满足产品的需求,因此我们就需要手写树状表格。要点:利用vue手写树状表格,主要有2个要点,一是利用组件的递归,实现层级的展示;二是利用js的递归,...原创 2020-05-05 10:54:11 · 2702 阅读 · 2 评论 -
@vue/cli(vue脚手架3)区分打包build文件 测试环境和生产环境
问题:在开发阶段有时候需要build打包上传到uat测试环境(一般是移动端项目)进行测试,当某些功能已经测试完成需要发布到正式环境时,通常需要更改一些配置,比如baseURL,如果每次都手动更改会比较麻烦,因为我们可以通过以下配置来区分。分析:在开发阶段,process.env.NODE_ENV是development,而打包build后,process.env.NODE_ENV是product...原创 2020-04-27 17:44:04 · 6107 阅读 · 3 评论