摘要:
项目开发中基本都会用到组件库,但是设计稿样式和功能不一定和组件库相同,尤其像是消息提示弹窗、确认弹窗,各个项目都有自己的一套风格。如何封装一个自己的弹窗组件,且不需要每个用到弹窗的组件都需要引入这个弹窗组件,然后传参等等这些繁琐的步骤。而只需要使用简单的js就可以直接调用// Confirm.vue 阅读全文
摘要:
做为 NVM 的忠实用户,无意中在网上看到了更方便的管理node版本的工具volta。本来觉得没啥东西,无非就是nvm的仿品或者替代品而已,既然我已经可以随意切换我的node了,为什么还要换个工具去管理我的开发环境,没甚意思。但是当我细细探究之时才发现,这个东西将来必然会取代nvm的地位,成为包管理 阅读全文
摘要:
import screenfull from 'screenfull' // 全屏 handleScreen() { //screenfull.isEnabled 此方法返回布尔值,判断当前能不能进入全屏 if (!screenfull.isEnabled) { return false } //s 阅读全文
摘要:
vue的public的资源在打包时不会被编译,只会copy 所以在在src路径下引入public文件夹下的图片、视频、音频,编译不会改变其路径,但是在src下引入public文件夹下的js、json,在打包时都会被编译,所以直接引入会丢失路径(因为打包时,当前页面引入的路径被hash打包,而publ 阅读全文
摘要:
引用地址:基于vue的 表单设计器(拖拽生成表单)_vue-form-generator-CSDN博客 阅读全文
摘要:
1、vuex创建全局变量在store/index中: import Vuex from 'vuex' Vue.use(Vuex) const user = { state: { // 全屏 fullscreen: false, }, mutations: { // 全屏 SET_FULLSCREEN 阅读全文
摘要:
<!--input只允许输入整数--> <input type="text" name="a" onkeyup="value=value.replace(/[^\d]/g,'')" > <!--input只允许输入整数和小数(小数只保留小数点后两位)--> <input type="text" na 阅读全文
摘要:
一、校验数字的表达式 1 数字: ^[0-9]$ 2 n位的数字: ^\d{n}$ 3 至少n位的数字: ^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0- 阅读全文
摘要:
npm install 安装node-sass一直报错,切换淘宝镜像,安装python2、python3,安装一推插件,创建.npmrc文件等等都解决不了我的问题,最终发现是因为nodejs与node-sass版本不匹配导致 所以因此需要更改我的node版本,但由于多个项目对应的node版本不一致, 阅读全文
摘要:
vue项目开发时,会有不同的运行环境,例如:开发环境、测试环境、生产环境,本文详细介绍一下vue3的环境配置步骤: 1.在根目录下建三个文件 注意:.env文件中变量命名 必须以 VUE_APP_ 开头.env.development:开发环境文件 NOVE_ENV = 'development' 阅读全文