子V-forのEdgeで親IDを取得できません

Question

親要素と子要素を含むフォームがあります。すべてのブラウザでこの値を取得できますが、MS Edgeでは親からキーを取得できません素子。誰もがこの問題に光を当てることができますか？

<div v-for="(levelKey, level) in levels"> 
    @{{ level.name }} 

    <div v-for="(currencyKey, currency) in currencies"> 
      <input type="text" name="levels[@{{ level.id }}][currency.id]" v-model="..."> 
    </div> 

</div> 

Answer 1

あなたは:type構文を使用してバインドされた属性としてごtype属性を記述することができます。以下を参照してください：https://vuejs.org/guide/syntax.html

あなたが既に式の中にいるときは、ひげ矯正括弧（@{{ ... }}）は必要ありません。あなただけ書くことができます。

<input :name="levels[level.id][currency.id]" v-model="..."> 

またはより簡単な（すでにlevelsをループしているので）：

<input :name="level[currency.id]" v-model="..."> 

EDIT

は、私はいくつかのモックデータとJSFiddleを作成した（おそらくあなたとまったく同じではありません）、MS Edgeで試しました。それはうまく働いた：

をたぶんあなたは、コードの一部をコピーするのを忘れましたか？