- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue el-cascader 多选+懒加载，动态加载选项、单选不加载下一级节点、点击标签选中
通过是否haschlidren以及root是否为true就可在每次点击节点时循环判断，取到市级就在level等于1时判断，将获取到的市级新增 props里的leaf指的属性即可。本身node节点是可以打印的，但是无法循环赋值，打印出来有个小e，使用json格式转换拷贝、定时器等方法也无法做到，如果可以做到就不用怎么麻烦了。如题，后端接口需要一层一层传父id，所以多选的下拉框只能采用懒加载的方式，通过每次点击时的父id调用接口再渲染。
2023-09-27 10:29:08
1704
3
原创 layui.open 使用postMessage父子页面传值 基于jq+layui和vue
因为父页面的框架就是使用jq+layui，所以在实现打开子页面时用到了layer.open，在其success回调中使用document.getElementById('Optimize_iframe').contentWindow.postMessage(res,"*")，且一定要加入iframe.onload 避免发送数据和接收数据出现偏差。场景是子页面进行完成操作后，点击提交按钮，接口返回success，执行父页面layer.close()方法关闭子页面。
2023-06-06 16:06:23
553
原创 vue使用this.$options.data() 无法获取初始值
因为对象是引用类型，this.$options.data()返回的值和this.$data 都指向 data 的引用地址 所以当你改变this.data的时候，这两个值都会改变。this.$options.data()返回的值和this.$data 都指向不同的地址。这个时候改变this.data时 this.$options.data()返回值就不会改变。如题，在使用this.$options.data()时，若data值改变，this.$options.data()值也会随之改变。
2023-05-22 17:00:46
413
原创 el-table-column v-if隐藏列表格错乱 v-show隐藏列失效问题
在想要实现el-table-column的某一列显示或隐藏 是根据接口返回的数据是否存在时。直接使用v-if来判断数据是否存在可能会导致表格数据错乱，使用v-show又无法做到隐藏操作。在 el-table-column上加入key值 再使用v-if就可以实现。
2023-05-16 15:09:19
967
原创 vue 使用this.$set添加更改新属性的问题
在使用到this.$set 给某个对象的属性值赋值的时候，大多格式为this.$set( target, key, value )。那么之后更改该对象的新属性值（newtags.push(xxxxxx)）时，原数组(item.product.tag)会随之改变。解决方法：1.如果改为value为空再重新进行赋值处理，如。原因可能为this方法中指向的是同一块数据域，
2022-11-29 17:43:45
906
原创 vue+el-upload 上传图片和视频小总结
上传图片时用到的accept只会在用户点击上传时添加一个自定义文件类型，如添加了accept=".jpg,.png,"，虽然会呈现出符合条件的文件，但用户仍可以通过点击所有文件类型来上传其他类型的文件，此时设置before-upload函数，转换格式的时候，一定要将中间的变量置空！以及在商品详情中仍需要借此转换成base64的格式，但需要先用正则表达式将所有img标签里的src获取到，其他的基本大同小异了。破解循环中的异步操作，不能直接用for循环，在我看来有效的办法方法体内的num++，再回调此函数。
2022-11-09 10:19:19
5082
原创 vue + element 开发项目 浅总结
1.在使用el-aside el-menu侧边栏进行路由跳转的时候，多页面最好用一个公共的侧边栏，使用route.push跳转，如果不使用路由跳转而是直接在el-menu-item的index里进行路由名的跳转，会导致切换页面的时候反复create页面，如果是在一个后台页面里获取到ticket，有可能会导致ticket赋值为空。小白第一次做的东西，先根据代码进行浅浅的一波总结，后面想着再根据浏览器的历史记录搜的一些问题再总结一下。其实最主要的大问题还在于图片的上传，详情页的图片替换，视频的上传等。
2022-11-07 17:06:57
1024
原创 vue el-select默认值
问题：看到网上很多说直接改el-select绑定的v-model的值，这样做就会掉入select框中仅仅是显示相应的文字而已（可根据el-select选中的状态来判断，选中后点开下拉列表为蓝色加粗字体），这样就会导致初始化的页面中，需要根据省份选项才能展示的城市选项直接显示无数据状态。情景：在调取接口后渲染数据时需要将选取的select设为默认值，具体案例为调取省份数据后，根据省份获取其对应的城市数据，并将其对应的el-select默认选中该数据的状态。
2022-10-21 16:15:27
8843
原创 vue+elementui 中全选框点中失效问题
复选框的数据需要数组形式的，如果调用接口获取的数据不是数组形式，则可能出现以上问题。情景：数据加载完成之后点击全选按钮无响应，后点击任一除全选框的复选框出现全选现象。
2022-10-21 09:44:25
1713
原创 vue el-input输入数字保留两位小数
在el-input中使用blur函数，里面在内置一个箭头函数可直接返回数据的方法。情景：在多个input框中需要进行数据处理，绑定的数据值不同。这样就可以避免再新建一个方法判断是哪一个input的数据变化。保留两位小数的代码无需改变添加，可保留在公共js中。
2022-10-20 11:34:42
1870
转载 elementUI Cannot create property ‘uid‘ on string
elementUI Cannot create property 'uid' on string
2022-10-19 10:22:19
2936
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人