![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue项目
小生鲜
前端领域码农
展开
-
VueCLI 环境变量配置测试和生产环境
在开发Vue项目中,有时我们需要去打包部署两套代码,分别为测试和生产。Vue打包项目时也提供了配置方法,可以参见VueCLI文档development模式用于vue-cli-service serveproduction模式用于vue-cli-service build和vue-cli-service test:e2etest模式用于vue-cli-service test:unit三种不同的模式我们可以指定 "build" : "vue-cli-service bui...原创 2020-12-23 11:27:10 · 1056 阅读 · 0 评论 -
H5微信公众号关闭页面
function closePage(){ setTimeout(function() { //安卓手机 document.addEventListener( "WeixinJSBridgeReady", function() { WeixinJSBridge.call("cl...原创 2020-01-09 11:17:22 · 4338 阅读 · 4 评论 -
postcss-write-svg在Vue中应用实现1px边框
创建项目部在赘述,配置vw移动端适配请查看Vue中vw配置在项目资源文件中新建svg.scss文件@svg 1px-border { height: 2px; @rect { fill: var(--color, black); width: 100%; height: 50%; }}@svg 1px-bord...原创 2019-11-22 16:22:14 · 934 阅读 · 1 评论 -
TypeScript在Vue中this报错问题
最近做项目使用ts做类型检测在使用this.$refs.top.offsetHeight获取高度总是报错,先用变量接收是不会报错的,这里报错this没有定义类型,我们改成这样就可以完美解决了(this as any).$refs.top.offsetHeight...原创 2019-11-22 14:40:30 · 4659 阅读 · 3 评论 -
Vue使用vw做移动端适配
使用vue-cli来构建项目目录(我这里使用的是vuecli3@版本)vue create 项目名称下载依赖包文件npm i postcss-url postcss-import postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-u...原创 2019-11-22 13:02:38 · 512 阅读 · 0 评论 -
Vue项目中使用input在IOS中没有光标
最近在做一个vue项目,使用到了input搜索框,之前一直没注意到此问题,在android中使用一切正常,最近在测试ios中获取焦点没有光标,而且输入有间断,输入一个词之后必须重新点击input一次才能输入,找了好久才想起在全局引入中有user-select:none样式,之前为了防止点击图片链接会选中图片,但是他会影响input,textarea输入框,慎用!注释掉问题解决。...原创 2019-05-31 11:16:01 · 3355 阅读 · 5 评论