> 웹 프론트엔드 > View.js > vue.set() 오류가 발생하면 어떻게 해야 할까요?

vue.set() 오류가 발생하면 어떻게 해야 할까요?

coldplay.xixi
풀어 주다: 2021-01-08 17:27:51
원래의
2208명이 탐색했습니다.

vue.set() 오류에 대한 해결 방법: [Vue.set()]을 사용하여 데이터의 객체에 속성을 추가하면 코드는 [export default {data() {return {info: {width: '100' } }}].

vue.set() 오류가 발생하면 어떻게 해야 할까요?

이 튜토리얼의 운영 환경: Windows 7 시스템, Vue 버전 2.9.6, Dell G3 컴퓨터.

vue.set() 오류 해결 방법:

Vue.set()을 사용하여 데이터에 속성을 직접 추가하세요. Vue.set()直接在data上增加属性

  export default {
    data() {
      return {
        width: '100'
      }
    },
    methods: {
        scrollFn(e) {
         Vue.set(this.data, 'height', 0)
        }
      }
    }
  }
로그인 후 복사

报错:

vue.set() 오류가 발생하면 어떻게 해야 할까요?

分析:不能在直接data上增加属性,可以在data里的对象上增加属性,例如:

  export default {
    data() {
      return {
    info: {
      width: '100'
    }
      }
    },
    methods: {
        scrollFn(e) {
         Vue.set(this.info, 'height', 0)
        }
      }
    }
  }
로그인 후 복사

拓展:

  • Vue.set()响应式新增与修改数据

  • 调用方法:Vue.set( target, key, value )

  • target:要更改的数据源(可以是对象或者数组)

  • key:要更改的具体数据

  • valuerrreee

    오류 보고서:
vue.set() 오류가 발생하면 어떻게 해야 할까요?

분석: 직접 데이터에는 속성을 추가할 수 없습니다. 데이터의 개체에 속성을 추가합니다. 예: rrreeeExtension:

Vue.set()반응형 추가 그리고 데이터 수정🎜🎜
  • 🎜Call 메소드: Vue.set( target, key, value)🎜🎜
  • 🎜target: 변경될 데이터 소스 (객체 또는 배열일 수 있음)🎜🎜
  • 🎜key: 변경할 특정 데이터🎜🎜
  • 🎜value: 재할당된 값🎜🎜🎜 🎜🎜관련 무료 학습 권장 사항: 🎜javascript🎜(동영상)🎜🎜
  • 위 내용은 vue.set() 오류가 발생하면 어떻게 해야 할까요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    관련 라벨:
    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿