takacc https://blog.hatena.ne.jp/takacc/ tusbasaのブログ https://takacc.hatenadiary.jp/ DOM要素（クラスやコンポーネント）に一意の名前を付け、script内からリアクティブな参照が可能。 document.querySelectorなどを使って参照するよりref属性で参照した方が良い。 <template> <div ref="element"> </div> </template> <script> export default { setup() { const element = ref(null) return { element, } } } </script> 参考 csharpprogram.com ja.vuejs.org 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftakacc.hatenadiary.jp%2Fentry%2F2024%2F04%2F01%2F172226" title="【vue.js】ref属性　テンプレート参照 - tusbasaのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2024-04-01 17:22:26 rich https://takacc.hatenadiary.jp/entry/2024/04/01/172226 1.0 100%