el-form表单rules验证 今天在工作中遇到一个小问题,绑定的rules验证出现一个小Bug,验证规则和绑定的表单都正确,但是为什么输入完信息之后还是会提示错误输入时候的提示信息?Bug重现:项目联系人只添加一个require验证规则,在输入框中我明明输入进去了,但是为什么还是会提醒我错误提示信息?找了一会原因发现是因为el-form-item中的prop和ref用错了,prop是form表单绑定的formInfo对象中第一层的数据,ref是form表单绑定rules时为了确认验证的某一项而临时建立的连接。el-inp
Error in callback for watcher “value“: “Value should be trueValue or falseValue.“ 【代码】Error in callback for watcher "value": "Value should be trueValue or falseValue."
微信开发工具调试窗口怎样查看netWork 今天上午更新完微信开发者工具之后打开调试器发现调试窗口取消了摸索了一会,在这记录一下解决方案:打开设置—>调试器插件—>安装sourceMap匹配调试插件完成
微信开发者工具 ETIMEDOUT 记录一下,找这个问题找半天在官网技术运营人员回复下面找到灵感,大概率是网络问题解决方案:关闭公司网络连接,切换到自己网络重新登录就可以了之后在换回公司网络继续开发,不影响的...
Vue项目配置可修改配置项 正常开发情况下可能会遇到在不同环境下有一些配置项会不一样,但是又不能每次配置项不同都让开发人员在本地修改代码,再打包上传,这样做是可行的,但是太麻烦了。所以可以设置一个globalConfig.js文件来统一管理这些配置项,然后再发版的时候直接让实施人员配置就可以。vue-cli2:1、再static文件夹下新建一个config.js文件(function() { window.globalConfig = { BASE_URL: 'http://127.0.0.1:8000', //
Echarts map 点击地图单个区域变色 地图点击单个区域模块变色Echarts 官方文档引用地址:https://echarts.apache.org/zh/option.html#geo.select当设定了 geoIndex 后,series-map.map 属性,以及 series-map.itemStyle 等样式配置不再起作用,而是采用 geo 中的相应属性。(论熟读官方文档的重要性)在Echarts—map—option—geo的配置选项中有一个select配置项,这个select专门配置地图选中之后的itemStyle样式以
Vue移动端页面下拉刷新 这篇小作文有点长,不想看的朋友可以直接去找找vant组件中的 van-pull-refresh朋友们,我这两天干了一件蠢事最近我们公司有一个移动端项目,是嵌在微信公众号中的,有一个新需求是给页面加上下拉刷新的功能。就是这个功能,我研究了两天,开始的时候,我自己封装了一个组件,试了之后发现在微信浏览器中打开没有效果,之后我就上网查,说是微信的touchevent事件和我自己的touchevent事件冲突了,所以我的下拉刷新功能就没有用。解决方案是在touchmove监听方法中添加e.preventDe
el-table 使用fixed 固定列 但是固定列不会随着Y轴滑动 el-table 使用fixed 固定列 但是固定列不会随着Y轴滑动el-table-column prop=“date” label=“日期”今天工作中遇到一个问题,在用el-table固定列功能的时候发现我固定的那一列不会随着未固定的表格一起沿Y轴滚动 ,像下面这种,右边动,左边不动在网上找了一圈,发现大部分是固定列盖住了横向滚动轴的解决方法,和随Y轴滚动并没有什么关系,所以,经过我一番仔细研究,略有成就,分享出来,大家互相交流。解决BUG:找到el-table下面的 el-table_
el-table增加两条合计项目 今天需求中有一条要求使用table表格要有两条合计项,要求实现效果:主要代码:summaryMethod(param) { const { columns, data } = param const sums = [] columns.forEach((column, index) => { if (index === 0) { const el = <p>合计:&
Vue-cli2.0 在开发环境(dev)中访问本地上传static文件夹下的json文件报错404 BUG前提:因为有个需求比较急,所以暂时没有提供后端接口,需要前端做一个纯展示界面,保证能够达到预期交互效果就行,所以需要前端自己造一些假数据出来BUG内容:这个模块在本地开发环境中的static文件夹下平级建了三个json文件,页面交互时就用到这些数据文件,但是一发布到开发环境就出错,显示获取json文件的接口一直报错。下面是我本地服务访问假数据的路径:下面是我发布到开发环境之后访问假数据的路径:在网上找了好多方法都试过了,但是没什么用,最后发现开发环境上的请求地址少了一个项目名。
element ui中 :summary-method=“getSummaries“的使用与注释 JS部分getSummaries(param){ const { columns, data } = param; const sums = []; columns.forEach((column, index) => { if (index === 0) {//只找第一列放合计 sums[index] = '合计:'; return; } .
Echarts图表中pie类型tooltip中formatter函数传递的参数从哪里来? 最近参与一个项目遇到一个问题,这个tooltip提示框信息怎么配?找了好久最终配置成功,分享到这里大家共享一下,能节省不少时间首先可以看一下系统介绍的文章,里面知识点比较多,也有注释,讲的很全,推荐大家看一下,Echart自定义Tooltip文章链接。这里我补充一点就是formatter函数中的param参数从哪里来?直接上代码:下面的data中的数据就是params参数的来源。tooltip: { trigger: 'item', fo
Avoided redundant navigation to current location 错误原因:路由地址重复报错,主要是因为重复跳转到一个相同路由地址的界面。解决方案:再路由配置项中添加以下代码段,我的路由配置下个在router->index.js中,这个根据个人项目配置不同改变,亲测有效。const originalPush = Router.prototype.push;Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(
Need at least a key or a value or a label (only for OptGroup) for [object Object] 错误展示:这个错误是因为用Option按钮时没有写value值,给Option加上value之就行了。
Legacy context API has been detected within a strict-mode tree. 最近写React后台项目的时候系统总是给我报这个警告:index.js:1 Warning: Legacy context API has been detected within a strict-mode tree.The old API will be supported in all 16.x releases, but applications using it should migrate to the new version.Please update the following