更新记录

v1.0.0(2022-10-07) 下载此版本

muyu-shopCartMod发布


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.6.0 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

muyu-shopCartMod

使用准备:引入 uView Vue3


API

参数
属性名 类型 默认值 说明
list Array - 购物车数据
ref String shopCartModRef -
list
list: [
    {
        img:'/static/logo.png',
        title:'标题标题标题222',
        goodsId:"001",
        num:0,
        price:0,
        checked:false,
    }
],
事件
事件名 事件说明 返回参数
@shopcartmodemits 参数回调方法 -

配置插槽

<muyu-shopCartMod :list="list" ref="shopCartModRef"  @shopcartmodemits="shopcartmodemits">
    <template #img="imgProps">
        <image :src="imgProps.src" style="width: 150rpx;" mode="widthFix"></image>
    </template>
    <template #title="titleProps">
        <view class="">{{titleProps.title}}</view>
    </template>
    <template #price="priceProps">
        <view style="color:red">¥{{priceProps.price}}</view>
    </template>
</muyu-shopCartMod>

插件方法

getChild:全选 getChild2:取消全选

setup(){
    const shopCartModRef = ref();
    const getChild = () => {
      //调用子组件的方法或者变量,通过value
        shopCartModRef.value.checkAll();
    }
    const getChild2 = () => {
      // 调用子组件的方法或者变量,通过value
        shopCartModRef.value.deCheckAll();
    }
    return{
        getChild,
        getChild2,
        shopCartModRef
    }
}

参数回调方法

methods: {
    shopcartmodemits(e){
        console.log(e)
    }
}

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问