更新记录

v1.0.0（2022-10-07）

muyu-shopCartMod发布

平台兼容性

muyu-shopCartMod

使用准备：引入 uView Vue3

API

参数

list

list: [
    {
        img:'/static/logo.png',
        title:'标题标题标题222',
        goodsId:"001",
        num:0,
        price:0,
        checked:false,
    }
],

事件

配置插槽

<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)
    }
}