44 lines
785 B
Markdown
44 lines
785 B
Markdown
|
第一步：引入组件
|
|||
|
|
|
|||
|
|
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);//返回的是数组图片
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|