第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue js點擊圖片上傳文件時@change參數(shù)一直為0

vue js點擊圖片上傳文件時@change參數(shù)一直為0

瀟瀟雨雨 2022-07-21 10:00:55
jsfiddle:https ://jsfiddle.net/includephone/o9gpb1q8我在輸入中遇到@change 問題。我正在嘗試制作圖像滑塊,每張幻燈片上應(yīng)該有 4 張圖像。數(shù)據(jù) data: function () {        return {            page: [                {                    type: 'text',                    name: 'title-brand',                    text: '',                    image: '',                    preview: ''                },                {                    name:'slider',                    type:'file',                    slide:[                        [                            {                                model_name:'',                                inst:'',                                item_name:'',                                item_link:'',                                image:'',                                preview:''                            },                            {                                model_name:'',                                inst:'',                                item_name:'',                                item_link:'',                                image:'',                                preview:''                            },                            {                                model_name:'',                                inst:'',                                item_name:'',                                item_link:'',                                image:'',                                preview:''                            },                            {                                model_name:'',                                inst:'',                                item_name:'',                                item_link:'',                                image:'',                                preview:''                            }                        ]                    ],                }            ]        }    },參數(shù)未正確傳遞可能是什么問題,如何解決?加載圖片時,onImageChange方法中,index和item_index參數(shù)始終為0
查看完整描述

1 回答

?
慕慕森

TA貢獻1856條經(jīng)驗 獲得超17個贊

item_index 始終為 0 的原因是因為您在圖像上設(shè)置的標簽鏈接到slider-item-file-1為每個文件輸入設(shè)置的 id。一個元素應(yīng)該有一個唯一的 id,在你的代碼中你沒有,所以當你點擊標簽時,它總是會訪問該 id 在正文中的第一次出現(xiàn),因此你總是會得到一個 0 的 item_index。如果你使 ids 動態(tài)這將解決您的問題。


這也是為什么您會注意到,當您單擊底部圖像時,它會跳到頁面頂部,因為它會轉(zhuǎn)到具有該 ID 的第一個文件輸入。


<label :for="'slider-item-file-' + parent_index + '-' + index + '-' + item_index">

      <img v-if="item.preview.length>1" :src="item.preview" width="160px" height="200px"/>

      <img v-else src="images/image6.png" width="160px" height="200px"/>

</label>

<input type="file" @change="onImageChange($event, parent_index, index, item_index)" :id="'slider-item-file-' + parent_index + '-' + index + '-' + item_index"/>

每個 id 將包含每個 for 循環(huán)的索引。


希望這可以幫助


查看完整回答
反對 回復 2022-07-21
  • 1 回答
  • 0 關(guān)注
  • 64 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號