记录技术的小本本

el-input 密码输入框 显示隐藏优化，且兼容Edge

vue 渲染全景图的两种方法 ：photo-sphere-viewer、krpano

npm 常用命令

vue pagination前端分页1、定义相关参数data(){ return { datas: list page: 1, limit: 10, }2、表格数据设置 <el-table :data="datas.slice((page-1)*limit,page*limit)">3、分页器设置<pagination v-show="datas.length>0" :total="datas.length" :pa

js 定时器的设置与清除1、定时器的设置var timer = "";timer = setInterval("function()",1000);注：1000代表 100毫秒 也就是1秒2、清除定时器clearInterval(timer);

vue 一键复制input中的文本内容1、页面设置 <el-input v-model="copytext" disabled></el-input> <el-button ref="copy" type="primary" :data-clipboard-text="copytext" @click="copy" id="copybuttons" class="copybutton">一键复制</el-button>2、js设置 copy(){

el-input 输入框只可以输入正整数实现的效果为在输入框中输入非正整数，则input中的值将会被清空1、在el-input中设置<el-input v-model.trim="value" autocomplete="off" placeholder="请输入正整数数值" @keyup.native="value=test(value)?value:''"></el-input>2、判断数值是否为正整数的函数test(num) { num = num.to

vue el-dialog 点击空白处不关闭弹窗想要el-dialog 点击空白处弹框不关闭可以设置： close-on-click-modal=“false”<el-dialog title="弹框空白处不关闭" :visible.sync="dialogVisible1" filterable :close-on-click-modal="false" width="50%">...

vue 路由带参跳转1、路由配置文件中（router.js或router/index.js等）中应设置：// 跳转至router 携带id和name{ path: 'router/:id/:name', name: 'router', component: () => import('@/views/router/router'), meta: { title: '页面名称'},}2、跳转执行处应设置：this.$router.push({ na

vue 保留小数点后两位以及转化为百分比1、将小数转化为百分比（保留四位小数，四舍五入）export function ChangeDecimalToPercentage(data) { var data1 = (data*100).toFixed(4)+"%" return data1}2、保留小数点后两位四舍五入export function NumFilter (value) { // 截取当前数据到小数点后两位 let realVal = parseFloat(value

vue 时间格式相互转化1、转化YYYYMMDDHHMMSS时间格式为YYYY-MM-DD HH:MM:ssexport function changeTime(time) { var newtime = '' newtime = time.substring(0, 4) + '-' + time.substring(4, 6) + '-' + time.substring(6, 8) + ' ' + time.substring(8, 10) + ':' + time.substring(10

vue 子组件刷新父组件1、通过 $emit 触发//在父组件中设置 @add = "add(val)"//子组件中使用this.$emit('add', newVal)2. 使用$parent触发//子组件直接调用this.$parent.getList()