Vue プロジェクトでよく使用されるツール機能の概要

'vue' から Vue をインポートします

Vue.directive("fofo",{
  挿入(el) {
    // 取得した要素の名前を決定します if (el.nodeName === 'INPUT' || el.nodeName === 'TEXTAREA') {
      el.フォーカス()
  	} それ以外 {
     // 内部レイヤーを取得しようとします el.querySelector('input').focus()
    }
  }
})

<テンプレート>
	<div>
        <input type="text" v-model="kw" @input="inputFn"/>
    </div>
</テンプレート>
<スクリプト>
エクスポートデフォルト{
    データ（）{
        戻る {
            :''、
            タイマー:null
        }
    },
    方法:{
        入力関数(){
            タイムアウトをクリアします(this.timer)
      		this.timer = setTimeout(() => {
                if(this.kw === '') 戻り値
                // ここで、ユーザーが入力したキーワードに応じてバックグラウンドで返される検索関連リストを取得するための Ajax リクエストを送信できます。console.log(this.kw)
            }, 1000) // ユーザーが 1 秒間コンテンツの入力を停止すると、タイマー内のロジックが実行されます。ユーザーが 1 秒以内に再度コンテンツを入力すると、タイマーが再開されます。 }
   	}
}
</スクリプト>

エクスポートconst lightFn = (str, targetStr) => {
    // 大文字と小文字を区別せず、グローバルに一致させる const reg = new RegExp(targetStr, 'ig')
  str.replace(reg, match => { を返す
    `<span style="color:red">${match}</span>` を返します
  })
}

エクスポート関数formatExcelDate(numb, format = '/') {
  const time = new Date((数値 - 25567) * 24 * 3600000 - 5 * 60 * 1000 - 43 * 1000 - 24 * 3600000 - 8 * 3600000)
  時間.setYear(時間.getFullYear())
  定数年 = time.getFullYear() + ''
  定数月 = time.getMonth() + 1 + ''
  定数日付 = time.getDate() + ''
  if (format && format.length === 1) {
    年 + 形式 + 月 + 形式 + 日付を返す
  }
  年 + (月 < 10 ? '0' + 月 : 月) + (日 < 10 ? '0' + 日付 : 日) を返します
}