-
document.getElementByIdを使用する方法: Vue.jsでは、通常のJavaScriptと同様に、document.getElementByIdメソッドを使用して要素を取得することができます。以下はその例です。
mounted() { const element = document.getElementById('your-element-id'); // 取得した要素を操作するコードを記述する }
-
$refsを使用する方法: Vue.jsでは、コンポーネント内で$refsオブジェクトを使用して要素を参照することができます。以下はその例です。
<template> <div ref="yourElement"></div> </template> <script> mounted() { const element = this.$refs.yourElement; // 取得した要素を操作するコードを記述する } </script>
-
Vueの特定のディレクティブを使用する方法: Vue.jsには、特定のディレクティブを使用して要素を取得する方法もあります。例えば、v-elディレクティブを使用する方法があります。
<template> <div v-el:yourElement></div> </template> <script> mounted() { const element = this.$els.yourElement; // 取得した要素を操作するコードを記述する } </script>
以上の方法を使用することで、Vue.jsで特定のIDを持つ要素を取得し、それに対して操作を行うことができます。お好みの方法を選んで使ってみてください。