在vue中可以通過給標簽加ref屬性，就可以在js中利用ref去引用它，從而操作該dom元素，以下是個例子，可以當做參考
<template> <div> <div id="box" ref="mybox"> DEMO </div> </div> </template> <script> export default { data () { return { } }, mounted () { this.init(); }, methods:{ init() { const self = this; this.$refs.mybox.style.color = 'red'; setTimeout(() => { self.$refs.mybox.style.color = 'blue'; },2000) } } } </script> <style scoped> #box { width: 100px; height: 100px; line-height: 100px; font-size: 20px; text-align: center; border: 1px solid black; margin: 50px; color: yellow; } </style> 以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
