vue中 el [$el] 的理解


<template>
    <div class="a">
         <div class="basic" ref="ba">基本元素</div>
        <chil ref="ccd"></chil>
    </div>
</template>
<script>
    import Chil from '.../chil.vue'
    export default {
        name: 'Ba',
        components: { Chil }
    }
</script>

一個組件里訪問基本元素可以用  this.$refs.xxx ,如果要訪問子組件要用 this.$refs.xxx.$el

this.$refs.ba.style = "color: red"             ----------          this.$refs.ccd.$el.style = "color: red"

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM