vue cli搭建的项目，在本地测试调试都OK，运行npm run dev之后运行正常，今天放到服务器上跑，结果RD说找不到打包后的静态资源，浏览器控制台错误代码404 问了RD，因为服务器上线方式的调整，不会指定具体项目路径因此，https://bigdata.yiche.com/static/css/app.149f36018149fcbe537f02cafdc6f047.css 这个文件找不到，看看我们正常打包好的目录：正确的访问路径是：https://bigdata.yiche.com/deploy/static/css/app.149f360181...
前言 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 本文主要介绍了关于react在安卓输入框被键盘遮挡的相关内容，分享出来动大家参考学习，下面话不多说了，来一起看看详细的介绍吧 问题概述今天遇到了一个问题，在安卓手机上，当我要点击输入“店铺名称”时，手机软键盘弹出来...
第二次进入页面，页面路由参数已经改变，但是页面内容不会刷新。 问题原因：在组件mounted钩子中调用的刷新页面内容，但测试发现这个钩子没有被调用。后来发现App.vue中使用了<keep-alive>： <template><div id="app"><keep-alive><router-view></router-view></keep-alive></div> </template>keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。这就是问题所在了。 解决办法： 使用Vue组件切换过...
今天用vue+原生js的mousemove事件，写了个拖动，发现只能慢慢拖动才行，鼠标只要移动快了，就失效，不能拖动了； 搞了半天在，总算解决了，但是问题的深层原理还没搞清楚，知道的大侠可以留言分享，下面直接上代码： 只能慢速拖动的代码： <!DOCTYPE html> <html> <head><title>vue结合原生js实现拖动</title> <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script> </head> <body> <div id="app"> <div class="c...
我使用的是element-ui V2.2.3。代码如下，当我选择值得时候，el-select选择器无法显示选中的内容，但是能触发change方法，并且能输出选择的值。select.vue文件 <template><div><div class="row" v-for="RowItem in rows"><div class="col" v-for="colItem in RowItem.configVos"><el-select v-model="formData[colItem.paramCode]" :class="getModel(colItem.paramCode)" @change="onSelectChange(colItem.paramCode,formData[colI...
本文介绍了vue下history模式刷新后404错误解决方法，分享给大家，具体如下： 官方说明文档： https://router.vuejs.org/zh/guide/essentials/history-mode.html 一、 实测 Linux 系统 Apache 配置：更改站点配置文件即可，我这里在 Directory 标签后面添加了官方给的五行配置 <VirtualHost *:80>#Created by linvic on 2018-05-24Serveradmin 674206994@qq.comServerName blog.xxx.comDocumentRoot /home/www/blog<Directory "/hom...
今天接触这个框架发现的问题，感觉有必要注意下。 LayUi 对穿过来的 Json 有严格的要求，一般情况下，要求要有4个参数，分别为： code:0 //数据状态 msg:"" //状态信息 count:1000 //数据总数 data:[] //数据列表若传过来的 Json 包含这四个参数，且参数名一样，则表格读数据不会出问题。若参数名和上述的不一样，则需要转换下，具体方法如下： response:{statusName: 自定义的参数名称 ,// 对应 codemsgName: 自定义的参数名称 , ...
微信小程序bug记录 textarea 1.textarea在模拟器上没有padding，可是在真机上会自带padding，而且在外部改不了，并且在安卓和IOS上padding还不一样第一张图是在开发工具上的，第二张图是在IOS真机上的。从上图可以看出来，在开发工具上显示很正常，而且没有padding，可是在真机上左上角就出现了padding，并且无论你在外部对textarea的padding做任何处理，都无法覆盖。 目前有一种解决方式是根据ios和android的不同平台来给teaxarea...
今天在起别人项目的时候， 发现报错。这个错误是，项目中不识别es6的扩展运算符， 解决方式很简单。 // 第一步 cnpm install babel-plugin-transform-object-rest-spread// 第二步 看一下你的 .babelrc 里面是否有识别es6语法的配置 {"presets": [["env", {"modules": false,"targets": {"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]}}],"stage-2"],"presets": [["es2015", { "modules": false }]],"plugins": ["trans...
在vue.js中写新的components的时候，如果在新页面中的模板中设置height：100%的时候一直无效。 App.vue文件 <template><div id="app"><router-view/></div> </template><script> export default {name: App } </script><style> #app {font-family: Avenir, Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50; } </style>这时候设置height:...
失效的scroll-x 在微信小程序的文档中，使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动。。。。 然而，在实际开发中，发现并不是这么简单。。。贴上部分wxml和wxss代码… <!-- 横向滚动商品 --><scroll-view class=scroll-box scroll-x ><view class=box><view class=box-hd><image src=https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=3ab7c3c9c4fcc3ceabc0cf33...
如何产生 在开发项目中遇到在组件中添加样式不生效的情况。具体场景如下 //// vue 组件 <template><div class="box" data-v-33f8ed40></div> <template>//我用js在上面div标签中插入一个<p class=text>text goes here</p><script>export default {...mounted(){$(.box).html(<p class="text">text goes here</p>)},...} </script> //style ， vue组件scoped样式都会在选择器的最后加上data-v-***属性 <style scoped> //样式添加了s...
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往往会碰到history模式打包后页面一片空白的情况,而且没有资源加载错误的报错信息. 这个其实仔细研究下会发现,如果项目直接放的跟目录, 那么是没有问题的,如果是子目录,那么就会一片空白了.这个vue官方有解释,需要加一个base // base: /history, // ...
单页应用产出的入口chunk大小随着业务的复杂度线性增加，导致后期加载速度越来越慢。后面就需要对不同路径下的模块进行拆分，打包到相应的chunk下，按需加载，找到chunk的大小、个数和页面加载速度的平衡点。 解决办法 .vue模块文件按需加载，其实要做到两件事情：一是标记出这是一个异步组件；二是通知webpack把该组件单独产出为一个chunk。 vue的异步组件 官网给出的异步组件写法：异步组件是一个函数，函数的返回值是一个Promis...
今天在初始化项目中，出现了一个奇怪的情况：明明路径是对的，但是编译的时候，一直报“This dependency was not found”的错。代码如下： import Vue from vue import App from ./App import router from ./router import common/stylus/index.styl /* eslint-disable no-new */ new Vue({el: #app,render: h => h(App) })控制台一直报错，表示无法找到common/stylus/index.styl，然而，路径是通过ide补全填写的，不可能出现错误，...