我正試圖將陣列傳遞給Draggable Vue組件。陣列從內部回圈中動態生成,但得到的錯誤是 無效的道具:道具 "list "的型別檢查失敗。預期是陣列,得到的是字串,值是 "arrOne"。 當把陣列分配給:list
時。陣列的渲染和分配腳本:
<dragable
class="list-group mttr_kt-block"/span>。
:list="'arr' item.code" //此處 item.code 的輸出為 **One** ,最終陣列將 **arrOne**。
group="tasks">
</draggable>。
上述代碼出現了例外,沒有達到預期的效果,但是如果我把硬編碼的陣列分配給以下內容,它就能正常作業:
<dragable
class="list-group mttr_kt-block"/span>。
:list="arrOne" //這個硬編碼的**arrOne**。
group="tasks">
</draggable>。
注意:陣列arrOne已經在Vue腳本中宣告,沒有宣告的問題。
提前感謝您的幫助。如果需要我提供更多的資訊,請讓我知道。
uj5u.com熱心網友回復:
我假設arrOne和其他陣列是在data()中定義的。如果是這樣,你可以使用這些:
<draggable。
class="list-group mttr_kt-block"
:list="getArray(item.code)"
group="tasks"/span>>
</draggable>/span>
data(){
return {
arrOne: [1, 2] 。
arrTwo: [3, 4] 。
};
},
methods: {
getArray(name){
return this.$data['arr' name]。
}
},
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/322415.html
標籤:
上一篇:設定指標陣列
下一篇:從矩陣中洗掉行
