推荐最新

实现element中tab组件的动态展示，但是对获取到的数据进行操作总是打印ob:observer？

data () { return { inputContent: '', allData: [{}, {}, {}], tabList: [], timeId: null } }, async getAllData () { const data = await this.$http.get('http://127.0.0.1:4523/m1/2452239-0-default/api/searchstation') .then(response => { console.log('当前数据对象：', response.data) // 正常 return response.data }) .catch(error => { console.log(error) }) console.log('数据信息id：' + data.id, '数据信息类型:' + typeof data, data)// Object 数据正常获取 JSON.parse(JSON.stringify(this.allData.splice(data.id, 1, data))) // 获取到的元素放进数组，形成对象数组不进行深拷贝出现__ob__:Observer console.log('所有数据', JSON.parse(JSON.stringify(this.allData))) this.getTabName(this.allData) }, setInterval () { this.timeId = setInterval(this.getAllData, 3000) }, // 利用该方法获取到title中的station值，然后作为tab-pane的label值 async getTabName (data) { const names = [{}, {}, {}] for (let i = 0; i names.length; i++) { this.tabList.push(names[i].station) } } console.log('tablist:', this.tabList) } 解决了：删除获取tabs的方法，再获取数据方法里面： this.tabList = JSON.parse(JSON.stringify(this.allData)).map(item => { return item.title }) 在标签里： ":label="tabList[index].station""

浏览量308

六股小子

vue2上传多个文件？

上传附件 export default { data() { return { fileList: [] } }, methods: { handleChange(file, fileList) { this.fileList = fileList }, uploadFile(file) { const formData = new FormData() this.fileList.map((file) => { formData.append('file', file.raw) }) // 执行axios请求 } }, } 上面是代码现在的问题是上传多个文件的时候回调用多次接口，比如上传三个文件就回调用三次axios请求现在需要解决的是上传多个文件只执行一次axios请求

浏览量343

无敌铃铃后

vue2表格隐藏某一列的时候固定列出现空白行？

https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241229/9011bac5744451d6a971b4b7f6333124.png 选中其中的一列隐藏以后，表格的操作列是固定列，固定列的最上面多了一行空白列 https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241229/d09daa062a27d693fc1ccc4d84a3ebe8.png https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241229/337c8660e1b428b47261c09a60eef8a3.png 应该这么解决？麻烦各位大佬给个解决方法

浏览量325

无敌英俊大师兄

el-tooltip如何设置不在body中？

想让他在子元素下，根据子元素定位，不在body下 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241230/48b9cf71f95cccef78e47d12ce5f62da.png)

浏览量305

元气满满才怪啊

如何将element-ui中的tab组件默认展示的tab标签数量改掉？

默认四个。我通过动态绑定循环出标签，但是只会展示出四个，到第四个后不断更新第四个标签而不增加标签，怎么修改掉默认展示标签数量呢？ "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241230/f1ac0a52d64864197f32c4e756ba6cb5.png)

浏览量228

瞳孔放大黑洞

用element ui怎么控制下列表格单选框，只能单选一个？

如图，怎么实现单选，且可以获取到对应的前两行的值。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241226/4601fb0b936ea6f611c1476723cb4fe5.png) 自己实现大概就是以下代码，但是不好控制单选，也不好获取值这是表格代码html部分 tableData: [ { title: '左耳', icon_1: IconAssets.resIcon(0), icon_2: IconAssets.resIcon(2), icon_3: IconAssets.resIcon(4), icon_4: IconAssets.resIcon(6), icon_5: IconAssets.resIcon(8), icon_6: IconAssets.resIcon(10), icon_7: IconAssets.resIcon(12), icon_8: IconAssets.resIcon(14), icon_9: IconAssets.resIcon(16), icon_10: IconAssets.resIcon(18), icon_11: IconAssets.resIcon(1), }, { title: '右耳', icon_1: IconAssets.resIcon(1), icon_2: IconAssets.resIcon(3), icon_3: IconAssets.resIcon(5), icon_4: IconAssets.resIcon(7), icon_5: IconAssets.resIcon(9), icon_6: IconAssets.resIcon(11), icon_7: IconAssets.resIcon(13), icon_8: IconAssets.resIcon(15), icon_9: IconAssets.resIcon(17), icon_10: IconAssets.resIcon(19), icon_11: IconAssets.resIcon(1) }, { icon_1: true, icon_2: false, icon_3: false, icon_4: false, icon_5: false, icon_6: false, icon_7: false, icon_8: false, icon_9: false, icon_10: false, icon_11: false } ], js数据

浏览量348

练习代码二十年

el-input type为text 输入密码替换为*号，传递后台参数如何为完整字符?

el-input 的type设置为text,当输入密码时，将密码替换为星号，当反复修改输入框的值时，原来保存实际密码的值中之前部分全为星号，有尝试去通过字符串对比，去替换星号部分，但是如果只是单纯的增加，则可以通过替换补充为完整字符，如果字符串有删减，不好去找到对应位置，比如：第一次输入123456，第二次输入12u5, 含星号字符串为星星u星 ,可以明确前两个*为12，最后一个星号不好去判断几，感觉这种对比补充的思路，需要考虑的情况有点多，请问大家有什么好的办法吗？ "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241228/58f36c3d0847b3f73ea4393099e14cb0.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241228/d44d9f968a0c824a7c1bacfbec720380.png)

浏览量388

WhatUpDanger

Vue中 scope.row 当前数据不更新?

scope.row是代表当前行数据当我表格数据发生变化后,我发现scope.row打印后还是旧数据，没有更新但scope.row.taskId获取对应的字段却是新的可以正常拿到，有大佬知道为什么吗 "1693970562355.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250108/49ee996fb0248976267a70b0b3343479.png)

浏览量313

元气满满才怪啊

elementui列添加上属性show-overflow-tooltip，如何修改其样式，隐藏掉小三角形？

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250111/63174019205f2093b0c11ceb130cdffe.png) export default { name:'Test', data(){ return{ tableData: [{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }] } }, methods: { }, } .is-tooltipStyle { background: #fff; color: #3759af; border: 1px solid rgb(158, 157, 157); font-size: 15px; }

浏览量325

无敌奥特MEN

el-table多选选中一条数据，其他一样id的也被选中，如何实现？

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241231/484f40901dbea9f9cc7a706f802e883c.png) 选中其中一条数据之后，一样id的也被选中，这怎么实现啊

浏览量364

实现element中tab组件的动态展示，但是对获取到的数据进行操作总是打印__ob__:observer？