Vue Js에서 문자열 변수 스키마로 입력 이름 필드를 만드는 방법?

Vue Js에서 문자열 변수 스키마로 입력 이름 필드를 만드는 방법?

나는 VueJs를 사용해 숨겨진 필드를 생성하기 위해 javascript 변수를 추출해야 해.

하지만 나는 변수의 지수를 기준으로 이름을 정해야 해.

나는 지그재그 명명 스키마를 사용하고 싶다.

맘에 들다

 <input type="text" name="segment[{index}][field_name]" :value="{value}">

Javascript 변수:

    var test_template = {
                        0: {
                            nb: 2
                        },
                        1: {
                            nb: 1
                        },
                        2: {
                            nb: 4
                        }
                    };

숨겨진 필드를 생성하기 위해 변수를 사용하여 사전 처리:

    <div v-for="(a,index) in test_template" class="row">            
      <input type="hidden" :name="segment[index][nb]" :value="a.nb">
   </div>

여기서 :name은 vuejs 값 액세스에 대한 동적 인스턴스 입니다.인덱스는 vuejs 변수지만 "vue"는 vuejs 변수가 아니라 실제로 문자열이다.

그러나 나는 입력의 배열을 생성하기 위해 이 스키마가 필요하다.

이것이 가능한가?

아니면 다른 해결책이 있는가?

미리 고마워!

인덱스별로 동적 이름을 가진 입력 요소를 생성하려면+연결하기 위한 JS 표현으로:

<div v-for="(a,index) in test_template" class="row">            
  <input type="hidden" :name="'segment[' + index + '][nb]'" :value="a.nb">
</div>

생성:

<input type="hidden" name="section[0][nb]" value="2">
<input type="hidden" name="section[1][nb]" value="1">
<input type="hidden" name="section[2][nb]" value="4">

https://vuejs.org/v2/guide/syntax.html#Using-JavaScript-Expressions을 참조하십시오.

나는 너와 같은 문제를 우연히 만났고, 여기에 내가 그것을 어떻게 고쳤는지!

당신의 부에에서 이런 방법을 만들다.

getInputName(index, dataName){
      return "items["+index+"]["+dataName+"]";
    }    

이렇게 하면 된다.

<input v-bind:name="getInputName(index, 'name')" type="text" v-model="item.name">
<input v-bind:name="getInputName(index, 'price')" type="text" v-model="item.price">

이 포스트 결과를 알려줄게:

"items" =>[
    0 =>[
      "name" => "test"
      "price" => "23"
    ],
    1 =>[
      "name" => "jakke"
      "price" => "99,2312"
    ]
]

그게 다야...

건배, 사이프만

참조URL: https://stackoverflow.com/questions/41054018/how-to-create-input-name-field-with-string-variable-schema-in-vue-js