Vue JS의 배열을 기반으로 슬롯 필드를 동적으로 추가/제거하는 방법-PHP 중국어 네트워크 Q&A
Vue JS의 배열을 기반으로 슬롯 필드를 동적으로 추가/제거하는 방법
P粉639667504
P粉639667504 2023-08-28 17:43:21
0
1
420

반복할 HTML 필드가 포함된 슬롯을 허용하는 다음 코드가 있습니다.

<슬롯 이름="필드">

removeRow(index)를 사용하면 항상 마지막 슬롯이 제거됩니다. 를 사용하여 테스트했는데 여기에서 올바른 입력이 제거되었지만 올바른 슬롯은 제거되지 않았습니다.

동적이거나 Vue와 상호 작용하기 위해 슬롯의 입력이 필요하지 않습니다. 단지 사용자가 Vue 구성 요소를 통해 행을 동적으로 추가/제거할 수 있도록 하고 싶습니다.

이러한 문제가 발생할 경우를 대비하여 아래에서 행을 추가/제거하는 데 사용하는 두 가지 방법을 살펴보시기 바랍니다.

removeRow(색인){ this.rows.splice(index, 1); }, 추가행(){ this.rows.push({값: '테스트'}) }

어떤 도움이라도 대단히 감사하겠습니다.

P粉639667504
P粉639667504

모든 응답 (1)
P粉463824410

당신의v-for循环元素添加一个独特的key가치를:

으아악

이렇게 하면 DOM에서 요소가 올바르게 제거됩니다.

    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!