推荐最新

vue+element 上传svga图片到阿里云，但是图片渲染不出来？

"42313400d18dcf1e1f386ba6c3f6c23.jpg" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/220a55e925698dc8ed8f8d4edbaf3868.png) vue element 上传svga图片到阿里云，但是图片渲染不出来？ svga 图片怎么渲染呢？项目是"vue"的

浏览量269

庆广大

vue，el-input，如何实现一个货币的输入框，类似excel中的？

需要的效果，类似 excel 中的货币格式输入框 * 在存在焦点输入的时候，显示为数字 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241222/c082f19e3277187a9aa3e6ce14b4540d.png) * 失去焦点，显示货币分隔符 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241222/ec8652ceaaaae106ca447105b00404fe.png) * 支持复制粘贴带货币分隔符的数字，并且 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241222/037862e6635a48ac91cc6643157dc53a.png) 粘贴的时候去除逗号，失去焦点的时候又显示货币格式 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241222/98f09e10c72ccd8c17ed93e2e17fb93a.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241222/4b8be9d250144dc8a30a03a7acbf1f54.png)

浏览量390

Fronttend

el-form设置全局disabled属性之后，子组件怎么设置disabled属性?

el-form设置全局disabled属性之后，子组件怎么设置disabled属性? 因为el-form设置了全局了disabled属性属性，活动形式项设置的:disabled="false"设置失效了，有什么方法可以使得子项设置的:disabled="false"生效？尝试了在el-form-item外面包裹一层el-from,虽然设置的:disabled="false"属性可以生效了，但是由于又包裹了一层el-from。校验会出问题

浏览量214

来自武功山的爱

pnpm patch 为项目打补丁成功，项目运行没生效？

我发现一个 el-form 的小问题，于是我在自己项目里决定为element-ui打个补丁。 «项目 "vite@3.0.2", "vue@2.7.7", "pnpm", "element-ui@^2.15.14"» 我运行 "pnpm path element-ui@^2.15.14", 然后改了提交了 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240926/8d3c70e497ff5b69f15a5448107467bb.png) 根目录 patches 文件也生成了 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240926/996b1d0ab8ce9b82d58fd232c0056caa.png) package.json 也有相应的更改 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240926/f864dd3d1d92ba29745e0f0af9ac5e9d.png) "node_modules" 相应的代码也更改了 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240926/ad0b0ae09ff9e1c586661e6f5203c47e.png) 我运行代码后（"pnpm dev") 该问题依旧存在，调试发现源码中依然没改 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240926/a40e940df414ad8b98fdfd964021f325.png) 尝试了清除缓存（pnpm prune），或者删包(node_modules)重装,依旧没有解决，特来求助网上的大佬帮忙看看🙏🙏🙏

浏览量196

577739990

element，el-table存在固定列的时候，固定列的hover触发与其他列不同步，如何同步？

"https://codepen.io/cynthia0329/pen/poBdwEd" (https://codepen.io/cynthia0329/pen/poBdwEd) 如上面例子，但鼠标快速hover的时候，可以截到如下的图，应该是固定列的hover不一致导致的，要如何解决这个问题？如果鼠标放在普通列，感觉固定列的hover慢了一阵子 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241004/9394b75be0d27534922e3e5bb0ce55cf.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241004/d9244b9a3fbe2ef0914d9b79352c7565.png) 如果鼠标放在固定列，则普通列的hover慢了 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241004/f0b15a8957894e7ab09e8543064882e3.png)

浏览量179

sumous_01

elementUI 我通过removeTag这个方法，改变了checkedKeys得值，但是页面上勾选状态为什么没变化???

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/dd4845aaef604f73049dfc4f42669988.png) 我通过removeTag这个方法，改变了checkedKeys得值，但是页面上勾选状态为什么没变化啊

浏览量157

强哥喝假酒

vue3: v-model如何传递多层嵌套属性？

vue3: v-model如何传递多层嵌套属性？ "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/5f369be45e68907668a25eaa7a425146.png) 预期：formConfigVal.formData.tableattachments.innerRequireAttach当成了一个属性实际：tableattachments.innerRequireAttach当成了一个属性 vue3: v-model如何传递多层嵌套属性？

浏览量145

型男不是我还是谁

基于vue2+element 实现左向右两个树形tree的跨树拖拽？

取消确定 export default { name: 'schemaModal', data() { return { jsonData: '', mappingDialog: false, defaultProps: { children: 'children', label: 'label' }, treeData1: [{ id: 1, label: "一级", children: [{ id: 4, label: "二级-1111", isFile: true, }, { id: 5, label: "二级-2222", isFile: true, }], }], treeData2: [{ id: 2, label: "一级-2222", children: [{ id: 6, label: "二级-3333", isFile: true, }, { id: 7, label: "二级-4444", isFile: true, }], }], } }, methods: { init(args) { this.mappingDialog = true; console.log(args, 123); this.treeData1 = [{ id: 1, label: "一级", children: [{ id: 4, label: "二级-1111", isFile: true, }, { id: 5, label: "二级-2222", isFile: true, }], }] this.treeData2= [{ id: 2, label: "一级-2222", children: [{ id: 6, label: "二级-3333", isFile: true, }, { id: 7, label: "二级-4444", isFile: true, }], }] }, handleClose() { this.mappingDialog = false; }, submit() { console.log(this.treeData2) }, renderTreeNode(h, { node, data, store }) { if (data.isFile) { return {data.label}; } else { return {data.label}; } }, //左侧节点触发拖拽 handleDragstart(node, event) { console.log('start', node, event) //在左侧节点触发拖拽的时候触发右侧节点的拖拽事件 this.$refs.treeOut.$emit('tree-node-drag-start', event, { node: node }); }, //拖拽结束，但是确定是否成功 handleInDragend(draggingNode, endNode, position, event) { console.log('end', draggingNode, endNode, position, event) // 新的空节点 let newData = { id: (+new Date), children: [] }; //在左tree插入拖拽的节点 this.$refs.treeIn.insertBefore(newData, draggingNode); //右tree触发结束拖拽事件 this.$refs.treeOut.$emit('tree-node-drag-end', event); this.$nextTick(() => { // 如果是移动到了自身--- console.log(this.$refs.treeIn.getNode(draggingNode.data)) if (this.$refs.treeIn.getNode(draggingNode.data)) { this.$refs.treeIn.remove(newData); console.log('移动到自身') } else { // 如果移动到了右tree上---- let data = JSON.parse(JSON.stringify(draggingNode.data)); this.$refs.treeIn.insertAfter(data, this.$refs.treeIn.getNode(newData)); this.$refs.treeIn.remove(newData); console.log('移动到别的tree') } }) }, handleOutDragEnd(draggingNode, endNode, position, event) { // console.log('endOut', draggingNode, endNode, position, event) }, handleDragOver({event}) { // 阻止默认事件，允许放置 event.preventDefault(); }, handleDragLeave({event}) { // 清除放置效果 event.preventDefault(); }, //结束拖拽，可得到拖拽来源与去向 handleDrop(draggingNode, dropNode, dropType, ev) { // const dragNodeData = this.dragNode.data; // event.preventDefault(); console.log('移动结束', draggingNode, dropNode, dropType); }, returnTrue() { return true; }, returnFalse() { return false; } } } 页面显示图 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/629410345891ef1cc9f98b8270dea985.png) 想做成的页面显示图，只想知道二级-2222拖动到了二级-4444 并重新赋值 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/e478d63dfc5c1e7a0b94d9f785f68324.png)

浏览量132

我想对你说

el-tree 如何自定义树形结构的增删操作例子？

el-tree 每次只请求到一级的数据，返回数据为 [ { "id": 178, "name": "初一", "parent_id": 0, "type_id": 1008380, "seq": 1, "video_list": [], "has_child": 1 } ] 当has_child==1时有下级数据，显示小箭头，没有数据时不显示小箭头，如下图 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/bfce11953c4936657a3e8681deadde42.png) *** 当有数据时点击添加按钮，折叠状态展开，显示出input输入框，此时可以添加新节点，如下图 blur时添加成功，input再转为label显示 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/fa88f27c77062e939f845e6d15bba25d.png) *** 编辑时如下图 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/94c93196ffd257d375680468a37a92ea.png) 想找个类似的例子或者写法求教

浏览量130

怼怼事务所

el-table，如何修改合并行hover样式和逻辑？

在线demo： "https://codesandbox.io/s/el-table-he-bing-xing-de-hover-wen-t..." (https://link.segmentfault.com/?enc=iej1JaVlIAZ8eV6TandgIQ%3D%3D.qPRCPdaWrfbAYbiK%2FTOR45zqSrOJlfzvWH3UE0HT3PBoDBPQvRfD9uwFOh8QZVQTq206hrIkGC5NFOHK%2B694lrX88WVPJqyALqSCQCjPy6Fzio3LEZwCS05ldXTUvIQQ) 效果1：鼠标悬停在第一行的时候，跟悬停第二行一样，只高亮右侧（或者每一行都高亮合并行） "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241128/3fd7406eb37fc8a425695aed7a9914b2.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241128/3860f57829ad0281917c1f02716512a5.png) 效果2：鼠标悬停在合并行的时候，触发所有行的高亮 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241128/20a91431ccf78625a9b27e7f90606038.png)

浏览量24