happygirlnan的专栏

解决：将复选框列重新按照自己的需求写逻辑，然后在表格的checkbox-change事件中修改isCheck的值。需求：1、新建时全选可用，提交后全选不可用；2、提交后新建时选中的记录还要保持选中状态。通过设置strict可以实现第一个需求，但是会导致已选中项没有勾选。设置为严格模式，当表格中不存在有效数据时列头复选框为禁用状态。下面的代码只是简略记录，不能执行。官网上写的是可以通过。

报错：解决办法：修改主应用中的start方法start({ prefetch: false, strictStyleIsolation: true, })修改为 start({ prefetch: false, strictStyleIsolation: true, excludeAssetFilter: (assetUrl) => { const whiteList = []; const .

VUE项目打包时提示安装image-webpack-loader报错

网上说的直接在页面添加下面这句话不起作用，查看DOM发现 page-break-before:always被改成了break-before:page<span><br clear=all style = 'page-break-before:always' ></span>我在导出前再插入上面的内容，就可以正确分页了。给需要插入分页的DIV加上class="pages"，如果分页已存在，则不再插入export function exportWord(tag.

可以看到安装的svg.draggable.js版本为3.0.0，需要svg.js版本为3.0.10，我又安装了@svgdotjs/svg.js，还是不行将原来的svg.draggable.js卸载，重新安装成2.2.2版本的就好了npm uninstall svg.draggable.jsnpm install svg.draggable.js@2.2.2...

VUE项目使用微前端qiankun，在子应用中引入echarts时提示echarts为undefined"export 'default' (imported as 'echarts_') was not found in 'echarts'解决方案：npm ls echarts //查看echarts的版本 `-- echarts@5.0.2npm uninstall echarts //卸载npm install echarts@4.9.0转自：https://.

问题：Throttling navigation to prevent the browser from hanging. See https://crbug.com/882238. Command line switch --disable-ipc-flooding-protection can be used to bypass the protection原因：我在index.html页面中有这样一段代码，将其注释掉就好了<script> $(document).read

eslint规范检查工具告警笔记1、 Identifier '__webpack_public_path__' is not in camel case不是驼峰式2、Extra semicolon使用 vue-cli 构建的项目，模版是 webpack ，默认的 eslint 配置是以 standard 为基础的，要求是不使用分号。3、Infix operators must be spaced运算符前后加空格(如=)4、Strings must use singlequote...

使用JS创建图片元素然后在JTopo或three.js中使用时报以上错误，JS代码如下：var _t=this; var houseImg = new Image();houseImg.crossOrigin='*';houseImg.crossOrigin = "Anonymous";houseImg.src = url;houseImg.onload = function () { _t.backgroundNode=new JTopo.Node(); _t..

弹出框的遮罩层默认都是添加在body元素上的，如果弹出框在更里层，则会出现遮罩层在最顶层的问题。Element-ui的Dialog可以设置modal-append-to-body属性为flase来解决(遮罩层是否插入至 body 元素上，若为 false，则遮罩层会插入至 Dialog 的父元素上)Bootstrap使用时尽量将弹出框放在body元素上，但是我的弹出框也没放在bod...

echarts实现如上树形结构图，版本：echart4.0直接用官方的例子中的代码发现不起作用，需要修改源代码。我用的是VUE，所有我改的文件是：\node_modules\echarts\lib\chart\tree\TreeView.js 有的是在echarts.js文件中。找到updateNode这个方法中下图所示代码，注释的是源代码，下面是修改后的代码2.找...

莹石加密的摄像头不能直播必须先将设备设置为不加密，直播地址也不支持h265编码格式。怎么办？我们使用监控地址来播放，这些问题就都不存在了莹石官方文档地址：https://open.ys7.com/doc/zh/本次我们主要看轻应用(H5/WEB)中UIKit Javascript ---》监控模式颠覆性的巨大突破：实现在主流浏览器上无插件方式播放EZOPEN协议达到1-...

使用bus在兄弟组件间传递值时，可能会有多个组件监听通过bus传出的值。比如：组件A的一个按钮事件中有这么一句：bus.$emit('getUnitId',data);组件B、C、D中监听接收。在组件B中接收的代码如下mounted(){ bus.$on("getUnitId", function(data){ console.log(data); ...

visualMap: { show:false, min: 0, max: 100, splitNumber: 5, inRange: { color...

 思路：1.canvas保存路径，显示页面用图片热区&lt;map&gt;显示2.不相互覆盖：这个问题想了好久，一直找操作canvas的方法。今天忽然开窍，还是利用图片热区。        本来是在canvas的点击事件上获取点的位置，然后画路径。后来想到可以把原图和已有的热区加载到页面上并且设置为透明。点击原图的时候获取点的位置，然后画路径。如果点到已有热区上就提示一下。结果真的可以...

初始化鼠标绘制工具的代码：//实例化鼠标绘制工具 _this.drawingManager = new BMapLib.DrawingManager(_this.addMap, { isOpen: true, //是否开启绘制模式 enableDrawingTool: false, //是否显示工具栏 ...

子组件：&lt;template&gt; &lt;div&gt; &lt;input class="form-control autoSelect" type="text" @mouseup="mouse" @keyup="loadOptions" v-model="selectContent" /&gt; &lt;div class=&quot

父组件中调用子组件deviceBasicInfo：&lt;deviceBasicInfo :device='deviceInfo'&gt;&lt;/deviceBasicInfo&gt;export default{        components:{ deviceBasicInfo:resolve =&gt; {require(['@/components/device/...

页面：&lt;form class="bs-example bs-example-form" role="form" @submit.prevent="loginSubmit"&gt; &lt;div class="input-group input-group-lg"&gt; &lt;input type=&quot

刚看到这个错误很迷茫，还去路径下找了找的确没有这个文件。后来恍然大悟，没有在项目路径下。那就改正吧：也是没谁了，记录下来，以防万一以后再犯此等错误...

转载地址：https://www.cnblogs.com/yuqing6/p/7061647.html最近使用vue2.0重构项目, 需要实现一个分页的表格, 没有找到合适的分页组件, 就自己写了一个, 效果如下:该项目是使用 vue-cli搭建的, 如果你的项目中没有使用webpack,请根据代码自己调整:首先新建pagination.vue文件, 所有组件的代码都写在这里, 写这样的组件并没有...

VUE项目。如代码，在IE浏览器中 光标进入文本框，点击Enter键，页面跳转到了首页。怎么办？？？&lt;form class="bs-example bs-example-form" role="form"&gt; &lt;div class="input-group"&gt; &lt;input type="text" class="form-control&quot

VUE中 原代码：&lt;img src="../../static/img/logo.png"/&gt;在火狐和谷歌浏览器中不显示，火狐提示： 图像因存在错误而无法显示找了好久的原因，实在看不出代码的问题，最后换了一张图片试了一下就可以了。于是把原图重新保存了一下，问题就解决了。应该是UI做图的问题。...

&lt;template&gt; &lt;div class="row"&gt; &lt;form action="/" method="post" id="uploadForm" enctype="multipart/form-data"&gt; &lt;div class=&quo

HTML代码：&lt;div class="mainClass" v-show="rtmp_url!=''"&gt; &lt;video id="myPlayer" controls playsinline webkit-playsinline autoplay&gt; &lt;source type="application/x-mpegURL" :src=

因设计要求这种样式，最后一层横着显示，着实把我难到了。本来想从网上找现成的插件，可是都没有这种样式的。Canvas要计算，我这种懒人想出以下这种方式，但是只做出了3层。如有大神能不吝赐教,我感激不尽。效果：代码：时间紧张，代码写的比较粗糙。&lt;template&gt; &lt;div style="position:relative;width:100%;height...

&lt;div id="projEdit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true"&gt; &lt;projEdit v-if="showEdit" :data="data"&

直接看图：正常是这样的我点击平面图后，再点击百度地图，先把地图clearOverlays，再异步请求接口重新加载了覆盖物，则变成了下图： 覆盖物跑到右下角了，鼠标在地图上随意拖拽一下，覆盖物就正常显示定位了。 解决办法：reloadScene(){ if(this.picId==0){ //百度地图 this.map...

    父组件中调用子组件autoSelect(我的项目里autoSelect是一个公共组件)&lt;autoSelect  v-bind:name="propName" @getAutoSelectResult="listenAutoSelectResult"&gt;&lt;/autoSelect&gt;子组件autoSelect中使用props接收参数&lt;template&gt;    &...