web前端小tip积累

浏览器新开标签页打开链接

1.js

window.open(url, '_blank')

2.a标签，加上:target="'_blank'"

<a href="http://zxgk.court.gov.cn/shixin/" :target="'_blank'">执行信息公开网</a>

 3.vue用router包装？

let newpage = this.$router.resolve({ 
      name: 'messageInfo',
      path:'',
      query:{
          objectType:1,
          infoId:id
      },
      param: {}
})
window.open(newpage.href, '_blank');

自定义css变量

步骤(参考：https://www.cnblogs.com/limengjie0104/p/9097215.html)

1.使用:root作用域来定义全局变量，变量前用‘--’两个连词线：

:root{
    --base_color:#398bd0;
    --bg_color:#4a4a4a;
}

2.使用

.class1{
  background-color: var(--base_color)
}

3.js操作变量

document.documentElement.style.setProperty('--base_color', '#fff');