<view class="feedback_content"> <textarea class="feedback_input" bindinput="textInput" v-bind:value="textVal" placeholder="请输入您的反馈内容(200字以内)" maxlength="200"></textarea> <view class="feedback_tool"> <button @click="chooseImg">+</button> <view class="up_img_item" v-for="(img, index) in chooseImgs" :key="index" @click="removeImg(index)" v-bind:data-index="index"> <UpImg v-bind:src="item"></UpImg> </view> </view> </view> chooseImg() { // 调用uni-app内置的选择图片api uni.chooseImage({ count: 3, // 同时选中的图片数量 sizeType: ['original', 'compressed'], // 图片的格式:原图、压缩 sourceType: ['ablum' ,'camera'], // 图片的来源:相册、手机拍照 success: (res) => { this.chooseImgs = this.chooseImgs.concat(res.tempFilePaths); // 将选择的图片路径拼接到chooseImgs数组中 } }); }, removeImg(index) { // 获取data中的图片数组 let chooseImgs = this.chooseImgs; // 删除元素 chooseImgs.splice(index, 1); this.chooseImgs = chooseImgs; }这个函数为什么不能讲打开的图片在页面中显示
时间: 2024-02-10 18:25:25 浏览: 102
修改输入框placeholder文字默认颜色-webkit-input-placeholder方法
根据你提供的代码,我发现在`chooseImg`函数中,你将选择的图片路径拼接到`chooseImgs`数组中。然而,在模板中显示图片时,你使用了错误的变量名`item`,应该使用`img`来引用循环遍历的图片路径。
请将以下代码中的`item`替换为`img`:
```html
<view class="up_img_item" v-for="(img, index) in chooseImgs" :key="index" @click="removeImg(index)" v-bind:data-index="index">
<UpImg v-bind:src="img"></UpImg>
</view>
```
修改后的代码应该可以将选择的图片在页面中正确显示了。
如果问题仍然存在,请提供更多相关的代码片段或说明,以便我能够更好地帮助你解决问题。
阅读全文