vue 동적 데이터 에 변 수 를 추가 합 니 다.

2351 단어 VUE

1. 우선 데이터 가 필요 합 니 다.
내 업 무 는 동적 으로 v - model 에 값 을 부여 하 는 것 이지 만 변경 해 야 하기 때문에 일대일 을 할 수 없 을 때 변 수 를 동적 으로 만들어 야 합 니 다.
우선 데이터 구조 가 어떤 지 알 아야 합 니 다. 그리고 데이터 구조 에 따라 배열 동적 으로 변 수 를 만 듭 니 다.
그리고 당신 이 만 든 빈 배열 로 v - model 할당 에 일일이 대응 합 니 다.
js:

for (var i =0;i< _this.particulars.itemList.length;i++) {
         _this.timeSet.push([]);
           for (var k = 0;k<_this.particulars.itemlist _this.timeset=""/>

data:

timeSet : [];

html:


    
            {{item.title}}
            
                
                     
                    {{list.clauseContent}}
                    
                            
                                            </div>
                    <div class="question-options form-item-group">
                        <div class="module-wrapper half">
                            <!--     (   ) -->
                            <div class="form-item with-label">
                                <p class="label">      <span class="required">*</span></p>
                                <div class="module">
                                    <flat-pickr :config="pickrConfig" placeholder="       " v-model="timeSet[index][idx].stopTime"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>
</div></code></pre> 
  <p> </p> 
  <p>       </p> 
 </div> 
</div>
                            </div>
                        </div>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

VUE 기반 장치가 PC인지 모바일 포트인지 판단

실제 개발 과정에서 자주 발생하는 수요는 현재 웹 페이지에 로그인한 장치가 PC인지 이동인지를 판단하고 PC 측과 모바일 측이 서로 다른 웹 내용을 표시하도록 요구하는 것이다. 그러면 현재 로그인 장치에 대한 판단이...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다