vue.jsにてチェックカウント用変数の設置位置について

Question

vue.js使用してWebアプリの開発を行っているのですが、カウント変数の設置位置がわかりません。
やりたいこととしては、チェックボックスのチェックオン・オフで削除ボタンのロック・ロック解除を繰り返すだけの簡単なものなのですが、dataに置くと以下のエラーが発生します。

発生している問題・エラーメッセージ

ReferenceError: editCount is not defined

該当のソースコード

<div class="uk-width-1-2 uk-algin-right">
	<label><input type="checkbox" class="uk-form" id="deleteCheck" name="check" v-on:change = "deleteCheck()">削除確認</label>
	<button class="uk-button aoc_button_delete" v-on:click.prevent="deleteBtnClick()" id="delete" disabled = true ><i class="uk-icon-times"></i> 削除</button>
</div>

data:{
      //カウント用変数
      editCount : 0,
}
methods : {
/*------------------------------
 * 「削除チェック」チェック押下処理時(
 *-----------------------------*/
	deleteCheck() {
	   target = document.getElementById("delete");
	   editCount++
	   if (editCount > 1) {
		target.disabled = true;
	        editCount= 0
	   } else {
		target.disabled = false;
		editCount= 1
	   }
   },

試したこと

vue.jsの外側に置けば問題なく機能しますが、それは望ましい形ではありません。

補足情報（FW/ツールのバージョンなど）

開発環境　SpringBoot vue.js Uikit

Answer 1

data配下なら「this.editCount」では？

Comments

[hololiveyukimin]

私の環境下ですと、data配下にthisは使えません。
試しにthis.editCount : 0,といれると
「この行に複数マーカーがあります
- ',' が必要です。
- ':' を指定する必要があります。
- ':' を指定する必要があります。」
のエラーが発生します。

[sousuke]

違います、
data:{
//カウント用変数
editCount : 0,
}
としているなら
deleteCheck() {
target = document.getElementById("delete");
this.editCount++
if (this.editCount > 1) {
target.disabled = true;
this.editCount= 0
} else {
target.disabled = false;
this.editCount= 1
}
},
とする必要があるのでは？と言っています。
参照の方法がthis.editCountになるはずです。data内の定義方法ではないです。

[hololiveyukimin]

返信ありがとうございます。
確認したところ、おっしゃる通りでした。
ほかのところにはthisをつけているのにここだけ付け忘れるというケアレスミスでした。
申し訳ありません。助かりました。