黎小小的博客

怀疑是，父级容器cart-box和子级uni-swipe-action宽度没有完全相等导致。而容器都没有设置固定宽度值，父级容器cart-box只设置了padding: 10px 10px;问题：uniapp使用uni-swipe-action后右侧多了小于1px的间隙。且在真机上没有问题，但是在微信开发者工具中有问题。解决：在子级容器添加padding-right:5px（值必须固定）撑满容器，并且设置 display: flex;代码如下：在滑动滑块或者点击这个区域时，就会出现问题。

settle.vue页面引入bjs-settle.vue组件，bjs-settle.vue组件点击后在settle.vue中进行结算操作（过程中有跳转）本来以为使用vue的this.$emit()就可以实现子组件回调父组件中的方法，但是发现没用。然后看到uniapp中需要使用uni.$emit()，直接使用后，也不生效。官方是说使用$emit$on$off常用于跨页面、跨组件通讯。

获取用户收货地址。调起用户编辑收货地址原生界面，并在编辑完成后返回用户选择的地址。

这些是uni-data-pickerview组件vue文件中定义好的，尝试修改没有成功，就直接修改文件了。直接使用uni-data-picker组件，会先显示请选择区域的下拉框，再显示选择区域；我这里需要第二种样式，所以需要使用uni-data-picker组件的插槽用法。7:修改样式后完整uni-data-pickerview组件vue文件。想使用uni-data-picker，并修改成自己自定义的样式。插槽以下处加入class样式，并加入uni-icons即可。图1为原本样式，图2，3为修改后的样式。

【代码】uniapp中使用vant-weapp。

注意type使用得type必须和修改时选择器样式（button[type=default]）一样，才能对其修改样式，否则样式不会被修改。如果是多端适配，需要使用type为default再修改样式。想使用原生button组件，但是想使用不同样式。

uniapp官网上vuex和pinia两种状态管理方式都有介绍。在uniapp中vuex和持久化到本地缓存，和在vue中使用没有任何区别但是如果使用pinia本身持久化到本地缓存使用的是插件pinia-plugin-persistedstate。但是如果在uniapp中持久化数据到本地缓存需要安装pinia-plugin-unistorage，该插件是uniapp下的本地化存储插件。

场景：左侧菜单栏，每次切换时，需要右侧商品展示区保持滚动条及页面在最顶部。

【代码】uniapp 下拉刷新。

调用防抖函数和搜索方法：注意这里debounce方法的写法。之前写在input函数体内，对searchAdvise进行防抖无效。

【代码】uniapp scroll-view左侧菜单栏active选中效果。

uniapp 使用自定义icon图标__Jyann_的博客-优快云博客如果要改变图标样式直接改变uni-searchbar__box即可：如将图标靠左显示// icon图标靠左。

注意如果时vue3需要 slot用在节点中。