VUE中碰到的一些问题

Vue.router在新的窗口打开页面：this.$router.resolve

    let { href} = this.$router.resolve({
        name:'largeScreenMap',
        query:{
          id:row.id
        }
      })
   window.open(href,'_blank')

el-input 限制输入框只能输入数字

/**
 * 正整数验证
 * @param val 当前值字符串
 * @returns 返回处理后的字符串
 */
export function verifiyNumberInteger(val: any) {
	// 匹配空格
	let v = val.replace(/(^\s*)|(\s*$)/g, '');
	// 去掉 '.' , 防止贴贴的时候出现问题 如 0.1.12.12
	v = v.replace(/[\.]*/g, '');
	// 去掉以 0 开始后面的数, 防止贴贴的时候出现问题 如 00121323
	v = v.replace(/(^0[\d]*)$/g, '0');
	// 首位是0,只能出现一次
	v = v.replace(/^0\d$/g, '0');
	// 只匹配数字
	v = v.replace(/[^\d]/g, '');
	// 返回结果
	return v;
}

使用

<el-input v-model="afterDay" clearable @input="afterDay = verifiyNumberInteger(afterDay)">
</el-input>

Element-Ui中type为number时去掉右边的三角符号

//去掉number输入框右边加减按钮

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

input[type="number"] {
  -moz-appearance: textfield !important;
}

el-tabs去掉长下划线 

:deep(.el-tabs__nav-wrap::after) {
  position: static !important;
}