我们在使用折叠面板中title部分自定义组件时，比如在title中添加了其他的组件（我的是时间选择器，以及单选框），会频繁地触发折叠面板的展开事件，解决此问题只需要在template标签下再包一层div标签，在此div标签中添加停止冒泡事件的函数即可：html部分：//就是在这里用一个div标签包裹title内的自定义组件，再使用点击事件click.stop默认修饰符，stopBubbling筛选高级搜索时间设备js部分：methods:{stopBubbling(event){event.stopPropagation();//阻止事件冒泡},},
一、引入element-ui主题文件在element-ui官网编辑好自己需要的主题样式下载到本地项目文件vue项目目录可以参考我的本地目录位置：二、main.js按需引入所有主题样式import'@/assets/theme/blue/index.css'import'@/assets/theme/white/index.css'import'@/assets/theme/black/index.css'三、在项目根目录创建文件gulpfile.js文件代码：varpath=require('path')vargulp=require('gulp')varcleanCSS=require('g
记录一下，由于项目需要做车辆的历史轨迹回放，查了很多资料，在高德地图里有这几种解决方案。所用技术：vue3+TS+elementUIplus+高德地图 这是相关的Demo借鉴高德地图的轨迹回放demo轨迹巡航器控制高德地图AmapUI下面是效果图：1，这是高德地图提供的轨迹回放demo 2，这是使用的高德地图AMapUI的巡航器 讲一下实现方法1，轨迹回放的有两种写法，第一个是初始化加载的时候就把监听事件放进去constinitMap=()=>{AMapLoader.load({key:"key",//申请好的Web端开发者Key，首次调用load时必填version:"2.0",//指定要加
Sortable它是一个比较简单好用的拖拽排序工具1.首先是安装下载Sortable（npminstall sortablejs--save）2.在要进行拖拽的页面引入Sortable（importSortablefrom'sortablejs'）3.写个方法去处理你需要的数据，这里需要注意一下需要等待元素渲染完成后再执行此方法mounted(){this.$nextTick(()=>{this.rowDrop();});}rowDrop(){constthat=this;//tbody拿到你要去操作的拖拽元素的父节点consttbody=document.querySelector('.el
以下是直接粘贴的组件--基础用法点击打开Dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> 这是一段信息 取消 确定 exportdefault{ data(){ return{ dialogVisible:false }; }, methods:{ handleClose(done){ this.$confirm('确认关闭？') .then(_=>{ done(); }) .catch(_=>{
以下是直接粘贴的组件--基础用法点击打开Dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> 这是一段信息 取消 确定 exportdefault{ data(){ return{ dialogVisible:false }; }, methods:{ handleClose(done){ this.$confirm('确认关闭？') .then(_=>{ done(); }) .catch(_=>{
element-ui中表格只有固定表头以及列的方法，找遍了文档也没有固定行的方法。于是自己些了样式。首先需要用到css中的属性position:sticky；参考我另一篇关于css实现吸顶吸底的文章。设置表格高度后，给需要吸底的行设置定位，我这里固定的是合计行，设置了class。需要注意：如果tr不设置display:inline-block，将不能实现吸底。另外td需要设置边框，吸底后td会没有边框，整体的行会比前面未固定的行短，正好是每个td的1px边框。rowClass({row,column,rowIndex,columnIndex}){if(row.startTime=='合计：')
最近在用python练习，3.10版本下的python使用webdriver时，在百度各论坛或CSDN里，查到的获取元素方法都是 find_element_by_XX，比如driver.get("https://www.baidu.com")driver.find_element_by_id("kw").clear()driver.find_element_by_id("kw").send_keys("selenium")driver.find_element_by_id("su").click()但是在这个版本的python里，每次这样使用都会报错说没有这种函数，在实验很多次之后发现，现在只
循环表格头信息数组{{scope.row[scope.column.property]}}封装操作组件并引入表格文件内exportdefault{name:"LbRender",functional:true,props:{scope:Object,render:Function,},render:(h,ctx)=>{returnctx.props.render?ctx.props.render(h,ctx.props.scope):"";},};配置表头信息数组及添加操作事件data(){return{tableHeaders:[{label:"商品名称",prop:"name",width
在运行项目的时候，会出现这样的报错errorin./src/util/service.jsModulenotfound:Error:Can'tresolve'element-plus'in'D:\BaiduNetdiskDownload\code\src\util'解决办法安装element-plus模块npminstallelement-plus--save再次运行既可以成功
