那handleRemoveImg(indexOrEvent)这个功能方法用hbuilderx来些也是一样的吗
时间: 2024-04-12 22:32:12 浏览: 25
是的,`handleRemoveImg(indexOrEvent)` 方法在 HBuilderX 中也可以按照相似的方式来实现。您可以根据以下示例代码进行修改:
```html
<template>
<div class="fb_content">
<textarea v-model="textVal" @input="handleTextInput" placeholder="请描述一下您的问题"></textarea>
<div class="fb_tool">
<button @click="handleChooseImg">+</button>
<div class="up_img_item" v-for="(item, index) in chooseImgs" :key="index" @click="handleRemoveImg(index)">
<img :src="item" :style="{ width: '200px', height: '200px' }" :class="{ 'rounded': true }" />
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
textVal: '',
chooseImgs: []
};
},
methods: {
handleTextInput(event) {
this.textVal = event.target.value;
},
handleChooseImg() {
uni.chooseImage({
count: 9,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: (result) => {
this.chooseImgs = [...this.chooseImgs, ...result.tempFilePaths];
}
});
},
handleRemoveImg(indexOrEvent) {
let index;
if (typeof indexOrEvent === 'number') {
index = indexOrEvent;
} else {
const { index: clickedIndex } = indexOrEvent.currentTarget.dataset;
index = clickedIndex;
}
this.chooseImgs.splice(index, 1);
}
}
};
</script>
<style>
.rounded {
border-radius: 50%;
}
</style>
```
在 HBuilderX 中,您可以使用 `uni.chooseImage` 来代替小程序的 `wx.chooseImage`,其余部分代码逻辑基本保持一致。
这样,您就可以在 HBuilderX 中使用相同的方法来实现图片选择和删除的功能。
请注意,以上代码只是根据您提供的原始代码进行了修改,并假设您已经进行了相应的配置和引入。您可能还需要根据自己的具体项目需求进行适当的调整。
希望以上信息对您有所帮助!如果您还有其他问题,请随时提问。
阅读全文