月想容的博客

目录问题分析解决问题在easyui for vue 的 Dialog使用过程中，参照element-ui和网上的博客思路和代码，对Dialog的打开和关闭出现问题。主要体现在1.Dialog默认打开状态；2.没有visible属性，用v-show或者v-if控制显示，出现异常。分析首先看easyui for vue的Dialog相关属性和方法这是element-ui的Dialog属性和方法可以看到，easyui for vue没有visibl.

问题：<GridColumn title="服务名称" field="service_name" @click="callServiceInfo(scope.row)"></GridColumn>要对这里实现点击功能，但是Vue版的easyui，DataGrid子项GridColumn没有@click方法，即以上的代码不会报错，但是@click方法不能起效。PS：这个直接加@click方法应该是在jquery版本easyui下是可以生效的。解决：&l

问题：drf-yasg是python环境下的SwaggerAPI包，django-rest-swagger已经废弃。在开发环境下测试正常，在部署环境下测试出现问题，主要是ip/static/下文件get失败。情况如这个博客所示（我的程序已经调试正常，就不可以重现错误了）。分析：问题起因在于swagger的网页资源是和python包放置在一起。在服务器上部署时，找到不到静态资源位置的原因。这里展示一下静态资源的位置 /static（这里用的是python虚拟环境）：备注：这个ven

问题：        在开发过程中，碰到在表格内对每行选项判断是否合格（符合），如果，不符合，在弹开的扩展栏里填写不符合的详细信息的需求。代码：        { title: '核查情况', key: 'checkStatus', //type: 'ex...

问题：        之前一直用的iview的table组件库，虽然确实界面风格比较好看，但好多功能、特性尚未完全实现，在实现部分复杂功能时，存在一定的问题，用自定义组件+命令修改也能实现部分功能，但效果并不是很好。特此，还是使用elementui来实现这部分功能。效果：代码：&lt;template&gt; &lt;div class="base_info"&gt; &lt;Row&gt;...

问题：        在项目开发过程中，用到application/x-www-form-urlencoded格式的通信方式，可以在前端使用&lt;form&gt;&lt;/form&gt;,，然后action的方式提交，将这些功能写在Script部分时，可以用URLSearchParams的方式实现，但是不断的拼接属性字符串并不符合预期，此时可以考虑nmp的qs库。示例：        1for...

问题：        在echarts颜色生成中，用到随机数来产生0到4的数字，来指代颜色数组的其中一个，简单写了个随机数，然后界面生成时，会出现相邻区块的颜色相同。解决：        添加一个标签flag，然后每次判断，如果为相同就循环调用。//生成从minNum到maxNum的随机数 var flag = 0; function randomNum(minNum,maxNum){ ...

问题：         使用pnotify构建消息弹窗（web应用下）参考：         官网         GitHub         npm仓库         个人推荐看npm仓库过程：         在使用pnotify的过程中，最重要的也就是stack配置，设置弹出的位置、动画等。         简单看一下PNotify的使用cons...

 PWA    PWA相关文章，个人也是在18年在微信公众号上看到PWA的相关信息，个人觉得是Amazing Idea----一种跨域BS和CS模式的应用。添加PWA支持    目前仅仅是学习阶段，尝试将一个现有的开发项目改造成PWA support。    项目使用的是尤雨溪的Vue.js配合@vue/cli3.0快速开发。    在@vue/cli的GitHub上，pa...

问题：        在设计前端界面时，碰到在同一div下添加多个水平排列的div（或其他标签）和span时，存在高度不一致的问题。        &lt;template&gt; &lt;Layout&gt; &lt;!-- header --&gt; &lt;Header&gt; &lt;div style="height: 64px;float: left;padding-l...

问题：        在利用Vue.js和iView组件库设计网页时，使用到了Cascader级联选择，Cascader的data为Array，反向绑定出现问题细节描述：        使用到Cascader组件的界面既承担新建项目的功能，又承担编辑（修改）项目的责任，对于新建项目的过程，在提交时，将Cascader对应的属性进行如下操作，实现Array到string的需求。this.relati...

iView的Upload过程，个人遇到的跨域Cors问题和部分分析和解决的过程遇到问题：  公司在评估用Vue.js前端分离方法来代替asp，需要将实际项目重写验证，原有需求包含图片上传的功能，采用的swfupload 方法，在重写过程中，使用iView的upload组件方法，但在模仿官方的教程时，发现upload的上传无法达到后端的断点。分析问题：  首先，看iView的官网实例 &lt;Upl...

现象描述：        在使用iView界面组件的Table组件时，需要在表头里添加面积这个选项，代码概要如下listcolumns: [{ title: '面积(m2)', key: 'Mj', align: 'center'}]        结果如预期所示                然后添加&lt;sup&gt;listcolumns: [{ titl...

现象和需求描述：        有个表格，需要添加登记和查看功能，准备用一个modal（模态框）来实现。在设计过程中，希望能够实现最大的模块化和重用性。故一开始，设计了一个将iView的Modal和内部参数全部放入一个vue components组件中：   子组件：&lt;template&gt; &lt;Modal :value="modalStatus" ...

问题：        使用iView的Page组件实现分页效果，从现实角度来说，肯定是真分页才有现实的价值，但是假分页也很重要，是一个学习的过程。（ps:真分页就是每次前段请求，后端拿到请求去调用接口查询数据库。假分页就是前段一次请求，后端一次性查询所有或者固定页数。之后前段的请求全从之前拿到的里面分批给前段）组件：        组件Table和组件Page &lt...

问题：        之前实现假分页，现在来实现简单的真分页，原理见 Mybatis Example对Oracle数据库的分页查询思路：      前端在初始化过程中，第一步先请求总的条数，然后，再请求第一页数据，然后根据点击翻页事件根据请求页码用ajax（axios和qs）去后台取得数据。过程：    页码配置项：pagerData:{ data:[],...

问题：        在利用Vue.js和iView组件库设计网页时，使用原生的html代码太多，并不好维护。回看iView官方文档，发现有个布局组件，考虑能不能使用这个进行简单的重写。过程：        由于个人编写的是一个应用型后台管理网站，所以选取如图的整体布局        整体代码可以简单的表示成&lt;template&gt; &lt;Layout&gt; &lt;!-- he...

问题： 需要一个可折叠的权限管理系统，用表格展示。 主要用的iView组件库，有Table（表格），Tree（树形控件），Collapse（折叠面板）看起来比较符合意思 深入查看Table相关范例，发现有个通过给columns数据设置一项，指定type: 'expand'，即可开启扩展功能 可以考虑 但也只是展开详细...

问题：        最近在学习使用vue+webpack+arcgis js 创建地图，从网上找到很多教程，也看到很多例子，在学习的过程中发现一些问题。        看到“Lalala这是我”的相关博客，这个应该是一个比较好的过程和思路的博客，在学习使用的过程，模仿其代码自己写一个时，出现esri-loader.bootstrap不能识别为函数的问题解决：        查看npm官方仓库es...

公司项目业务业务需求需要一个能够上传图片附件的功能，发现iView官方有个组件Upload，展示使用方法以及后续的过程。&lt;div class="pic_upload"&gt; &lt;Upload ref="upload" :show-upload-list="false" type="drag" :format="['jpg','jpeg','png']"