- 博客(4)
- 收藏
- 关注
RSS订阅原创 iview 实现表格限制区域点击小图标实现拖拽改变表格行的位置功能教程
3. on-drag-drop绑定的onDragDrop事件拖拽排序松开时触发，返回置换的两行数据索引，通过splice更改tableData1的值的位置来实时更改表格行的位置，在通过循环改变tableData1的displayNo的值，这个值是后端排序需要的值。iview中有拖拽属性draggable和配合的@on-drag-drop事件，但是没有具体的示例和教程，所以我自己研究并成功实现。1. 给table表格加上draggable和@on-drag-drop；
2024-11-11 11:31:18
556
原创 关于使用draggable.js在vue中做出限制区域点击字体图标实现可拖转列表的功能实现
最后参数阐释：1. v-model绑定的list是可拖拽列表的数组数据；2. handle的值是Icon的class的名字实现是点击字体图标可拖拽，点击其他位置不可拖拽；3. @end=''方法是拖拽结束后调用的，可以把改变后的list传给后端；4. filterelist数据是列表上面有搜索框可以实现输入实时过滤展示列表的数据，不需要可以直接写list；样式如下：点击左边字体图标可以拖转行，点击中间是onClickDrag事件，点击最右边三个点是打开Poptip气泡提示进行增删改查。
2024-11-11 09:42:21
428
原创 关于iview select option数据动态改变时，select绑定的值被清空的问题
原因：重新获取的option的id和select值的名字不一致，导致select自动调用on-change事件返回undefined清空select绑定的值。我们公司后端是多人开发的，一个写回显接口返回参数，另一个人写返回的option数据，所以不一样。问题：select绑定的值需要回显，回显返回的值正常，点击编辑重新获取option数据，select被清空。解决办法，把select v-model绑定值名字改到和option一样就行了。或者告诉后端让他们统一名字。
2024-10-30 15:02:53
166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人