vue
大晒啦
这个作者很懒,什么都没留下…
展开
-
浏览器插件动态插入Vue远程组件
调用实现webpack.config.jspackage.json可以把生成的button.js可以放到oss上原创 2022-06-02 10:59:01 · 920 阅读 · 0 评论 -
vue-rippler插件点击次数会使按钮颜色变深
发现因为插件使用document.querySelectorAll("[ripple]")获取元素,所以每次组件内的mounted钩子函数时都会通过addEventListener创建一次事件解决:1.addEventListener改为on绑定事件2.var ripples = document.querySelectorAll("[ripple]") 改为 var ripples = this.$el.querySelectorAll ? this.$el.querySelectorAl原创 2021-09-17 16:33:51 · 309 阅读 · 1 评论 -
webpack使ie兼容css var()函数
postcss-custom-properties官方文档安装postcss-loader和postcss-custom-propertiesnpm i postcss-loader -Dnpm i postcss-custom-properties@10 // 其他版本没试过webpack配置module: { rules: [{ test: /\.css$/, use: ["css-loader", "postcss-loader"] }]}根目录创建.postcssrc.原创 2021-08-31 17:10:40 · 1657 阅读 · 1 评论 -
el-input number输入框遇到的问题
输入中文光标上移.el-input__inner{ line-height: 1px !important;}纯数字(设置type为number时e和.也是可以输入)<el-input v-model="value" @input.native="numberHandle" />numberInput(e) { this.value = e.target.value.replace(/\D/g, '')},...原创 2021-07-30 16:26:12 · 1207 阅读 · 0 评论 -
uniapp开启gzip配置
根目录创建vue.config.js文件vue.config.jsconst CompressionWebpackPlugin = require('compression-webpack-plugin');module.exports = { configureWebpack:{ plugins:[ new CompressionWebpackPlugin( { filename: "[path][base].gz", algorithm: "gzip",原创 2021-05-23 14:27:26 · 2791 阅读 · 2 评论 -
Vue实现全局的toast组件
1.创建toast组件<template> <div class="toast" v-if="show"> {{ msg }} </div></template><style scoped> .toast{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-5原创 2021-05-11 11:45:34 · 1911 阅读 · 0 评论