VueのVue.set()でCannot convert undefined or null to objectというエラーが報告される。

Vue.set()を使用して、データに直接プロパティを追加する

  export default {
    data() {
      return {
        width: '100'
      }
    },
    methods: {
        scrollFn(e) {
         Vue.set(this.data, 'height', 0)
        }
      }
    }
  } 

エラーを報告する。

分析 直接データに属性を追加することはできませんが、データ内のオブジェクトに属性を追加することはできます。

  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: 変更される特定のデータ

value : 再配置される値