vue中切换tab时echart不显示或显示不正常
2024-08-14项目中在不同的tab中都使用了echart,但是在切换tab的时候发现第二个tab没有正常显示,通过排查代码和网上查阅才发现是因为element是通过display来控制tab的显示的,没有点击tab2的时候第二个echart图表的容器是。,解决思路:在渲染图表1的时候获取宽度,然后给图表2的宽度赋值,切换tab的时候设置$nextTick在下一次DOM更新的时候使用resize()函数重新渲染图表2。关键代码如下:(完整代码在最后)_el-tab切换的时候,饼图渲染不出来
Invalid xxx In Component names shouldconform to valid custom element name in html5 specification解决方案
2024-06-04发现如图错误,虽然是警告,但是还是想把他搞掉,有些时候感觉自己有强迫症一样。这个报错其实就是一个规范问题,vue文件的name的命名不规范引起的。虽然问题解决了,又有新问题了。名称必须符合一定的规则,否则将报错。_component names should conform to valid custom element name in html5 specifi
探索HTML5 Shiv:让旧浏览器拥抱HTML5新时代
2024-08-14探索HTML5 Shiv:让旧浏览器拥抱HTML5新时代 html5shivThis script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer.项目地址:https://gitcode.com/gh_mirrors/ht/html5shiv 在Web开发的世界里...
vue-element-admin vue设置动态路由 刷新页面后出现跳转404页面Bug 解决方法
2024-08-14在使用的过程中,加入权限模块后,刷新后权限控制的页面就默认跳转到404页面了,原因是权限控制的路由模块是动态添加进去的,而我的404监听路由是在默认路由里面的,优先级比动态路由要高,所以刷新后默认先被404接管了,改一下,把404监听路由注释掉需要手动在动态路由加载后,再把通配路由加上去,所以有了解决方法二。这个bug的具体情况是:设置了动态路由之后,不同的用户登录之后显示了不同的侧边栏,在侧边栏点击菜单,渲染对应路由页面没有任何问题,但是在。(这种情况只出现在动态路由上,静态路由刷新没问题)。_动态路由刷新页面跳转404了
VUE element-ui实现表格动态展示、动态删减列、动态排序、动态搜索条件配置、表单组件化。
2024-08-142、本组件支持列表列排序,vuedraggable是拖拽插件,上图中字段管理里的拖拽效果 ,需要的话请自行npm install。1、本组件支持列表的表头自定义配置,checkbox实现。3、本组件支持查询条件动态配置,穿梭框实现。_vue element ui 动态表格
JS中indexOf()方法的使用
2024-08-14Array.indexOf()方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。语法:arr.indexOf(searchelement[, fromIndex]);String.indexOf() 方法返回调用它的 String 对象中第一次出现的指定值的索引,如果不存在,则返回-1。语法:str.indexOf(searchelement[, fromIndex])_js indexof
Vue elementUI的el-table组件,合并单元格,勾选之后,复制、新增、删除、批量复制、批量删除功能
2024-08-12注:N20是我们公司自己封装的组件,但是底层还是elementUI,结构并不是很重要,主要是结构上的:span-method="objectSpanMethod"方法。5)、表格里面也有新增和删除功能,删除是删除当前行,新增是新增到当前行的下面,并且前面列动态合并,序号也重新排序;4)、勾选复选框,点击复制,复制所选的数据到列表最下方,并且序号重新排序;3)、批量删除,勾选复选框点击删除,删除所勾选的数据,并且序号重新排序;2)、点击新增,表格里面内容新增一行新的数据到最下方,并且序号加一;_vue el-table 合并单元格
创建vue3 ts element-plus项目
2024-08-12本文介绍了如何创建Vue3项目,包括使用npm初始化,安装依赖,以及详细步骤来安装和按需引入element-Plus组件库,涉及到unplugin-vue-components和unplugin-auto-import插件的使用。
Uncaught Error: Cannot resolve a Slate node from DOM node: [object HTMLSpanelement]
2024-08-12文章讲述了在Vue项目中,使用Slate编辑器时遇到新增页面无法输入的问题,原因是将v-if改为v-show。作者分析了v-if和v-show的区别,指出v-if会导致DOM频繁切换,而v-show虽有初始渲染消耗但适合频繁切换。建议在性能考虑下选择合适的显示控制方式。
CesiumJS第3篇,前端使用Vue和element实现可拖动弹框效果,并使用mixins混入特性实现,不影响底层元素操作(Cesium上可拖拽的实时视频播放弹框,底层元素可以正常操作)
2024-08-10在开发中,弹框和实时视频播放是常见的需求。这里来记录一下,如何使用Vue.js和element UI实现一个可拖动的弹框,并在其中播放实时视频。同时,确保在拖拽弹框时,底层元素仍然可以操作。_dialog弹窗实现拖拽移动功能vue jsp环境来写