chen 324bde530f | ||
---|---|---|
.. | ||
choose-img-one.vue | ||
readme.md |
readme.md
第一步:引入组件
import chooseImgOne from '@/components/choose-imgs/choose-img-one.vue';
第二步:注册组件
export default {
components:{
'choose-img':chooseImgOne
}
}
第三步:使用组件
<template>
<view>
<choose-img
showAmount="3"
:ifTitle="false"
imgR="10rpx"
imgN="9"
addNum="0"
@chooseImg="chooseImg"
></choose-img>
</view>
</template>
参数说明
showAmount:一排显示多少张,默认3张图
ifTitle:是否显示图片标题,默认不显示
imgR:图片圆角,默认10rpx
imgN:一次选择图片张数1~9,默认9
addNum:哪种添加图标,默认0
方法说明
export default {
methods:{
chooseImg(arrImg) {
console.log(arrImg);//返回的是数组图片
}
}
}