【上海校区】在vue中获取dom元素 - 黑马程序员技术交流社区

[AppleScript] 纯文本查看 复制代码

<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>