随笔分类 - Vue2
1
摘要：1.首先下载需要的包(有些是运行依赖包) yarn add autoprefixer -S yarn add amfe-flexible@2.2.1 postcss-pxtorem@5.5.1 -S -D 2.在项目根目录下创建一个postcss.config.js文件，配置内容如下 // impo
阅读全文
摘要：1.vue2+webpack 首先在package.json同级目录下新建.env.dev 和.env.pro(名字可以自己随便取这里为了简便就直接取.dev和.pro) 在相应的文件中设置你在不同环境下要使用的变量；例如 NODE_ENV='pro' VUE_APP_URL='https/pro'
阅读全文
摘要：input 只允许输入数字和小数 <el-input oninput ="value=value.replace(/[^0-9.]/g,'')" ></el-input>
阅读全文
摘要：.ellipsis { display: inline-block; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal !important } <el-t
阅读全文
摘要：this.formData.splice(0,this.formData.splice.length)
阅读全文
摘要：bug：vue和element实现的后台分页，当前是第二页，点击搜索，强制设置current-page为1，但是当前页还是第二页没有改变只是数据变了。 绑定一个变量 页面 el-pagination v-if="pageshow" <el-pagination v-if="pageshow" bac
阅读全文
摘要：1.工具库：PubSubJS 2.下载：npm i pubsub-js --save 3.使用： 1） import PubSub from 'pubsub-js' //引入 2） PubSub.publish('atguigu',{isFirst:false,isLoading:true}) //
阅读全文
摘要：el-date-picker 在搜索页面中一般不限制开始时间和结束时间，但是在选择开始时间后选择的结束时间不能大于开始时间。要求就是开始时间决定结束时间，结束时间限制开始时间。 <el-form-item label="开始时间"> <el-date-picker v-model="form.sta
阅读全文
摘要：<!-- 引入viewer --> <link rel="stylesheet" href="../../../resources/viewer/viewer.min.css"> <script src="../../../resources/viewer/viewer.min.js"></scri
阅读全文
摘要：//获取url中的参数集合 getUrlParams(){ //获取到Url并且解析Url编码 var url = decodeURI(window.location.href); var theRequest = new Object(); if (url.indexOf("?") != -1)
阅读全文
摘要：//手机 checkTelPone(phone){ var isPhone = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,8}$/; var isMob=/(^1\d{2,3}-?\d{7,8}$)|(^1\d{10}$)/; if(isMob.test(phone)||is
阅读全文
摘要：formatDate(value){ let date = new Date(value); let y = date.getFullYear(); let MM = date.getMonth() + 1; MM = MM < 10 ? ('0' + MM) : MM; let d = date.
阅读全文
摘要：<select class="null" name="isSgInstall" v-model="isSgInstall" id="isSgInstall"> <option value="0">--请选择--</option> <option value="2">否</option> <optio
阅读全文
摘要：<el-form-item label="错误产生时间:"> <el-date-picker v-model="form.responesStartTime" type="datetime" placeholder="选择日期时间" :picker-options="pickerStartDate"
阅读全文
摘要：对话框代码如下 <!-- 分配权限的对话框 --> <el-dialog title="分配权限" :visible.sync="showSetRight" width="50%" @close="setRightDialogClosed" > <el-tree :data="rightsList"
阅读全文
摘要：在config下面点index.js中 找到 proxyTable:{} 添加如下代码 proxyTable: { "/api":{ target:"http://localhost:3000", changeOrigin:true, pathRewrite:{ "^/api":"http://lo
阅读全文
摘要：在veu项目中首先创建一个格式化文件.prettierrc 它是一个json文件加入以下代码 { "semi":false, "singleQuote":true } "semi":false 可以在代码格式化的时候不加； "singleQuote":true 将导出的部分代码的""变成'' esl
阅读全文
摘要：1.动态行间样式 可以直接写 <div :style="{color:'#fff',background:bg1,fontSize:'30px'}">天道酬勤</div> 封装成json格式 <div :style="json">人道酬善</div> data:{//属性 json:{ backgr
阅读全文
摘要：1.渐进式 JavaScript 框架 渐进式：主张最少 模块：数据请求：axios UI:elementUI 路由: vue-router 状态层：vuex... 核心：数据驱动，组件系统 2.优点： 1.组件化开发,易用，灵活,高效，用户体验好 2.单页面路由 ，SPA(single page
阅读全文
1
