Bagaimana untuk mendapatkan elemen dalam vuejs

Kaedah Vuejs untuk mendapatkan elemen: 1. Buka fail kod yang sepadan; 2. Ikat "ref="XXX"" ke elemen; 3. Hantar "this.$refs.XXX" atau "this.refs " ['XXX']" untuk mendapatkannya.

Persekitaran pengendalian artikel ini: sistem Windows 7, versi Vue 2.0, komputer DELL G3.

Bagaimana untuk mendapatkan elemen dalam vuejs?

Mendapatkan elemen dom dalam Vue

Walaupun Vue.js ialah halaman dipacu data, kadangkala kita juga perlu mendapatkan objek dom untuk melaksanakan beberapa operasi.

Versi vue yang berbeza mempunyai kaedah yang berbeza untuk mendapatkan objek dom

Dalam versi 1.0 Vue.js, ia diikat melalui v-el, dan kemudian diperoleh melalui this.els.XXX

Vue.js versi 2.0. Kami mengikat ref="XXX" pada elemen, dan kemudian memperoleh

melalui ini.$refs.XXX atau this.refs['XXX']. 🎜 >

<template>
  <section>
    <div ref="hello">
      <h1>Hello World ~</h1>
    </div>
    <el-button type="danger" @click="get">点击</el-button>
  </section>
</template>
<script>
  export default {
    methods: {
      get() {
        console.log(this.$refs[&#39;hello&#39;]);
        console.log(this.$refs.hello);
      }
    }
  }
</script>

Anda perlu berhati-hati semasa mengendalikan DOM dalam Vue, terutamanya apabila menambah atau memadam DOM, terutamanya apabila dipasang() dan dicipta() Pada masa ini, objek DOM belum dijana namun, jadi ia mesti diletakkan dalam ini Dalam fungsi panggil balik .nextTick().

Baiklah, itu sahaja~~

Disyorkan: "

Pilihan terkini 5 tutorial video vue.js

"

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan elemen dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!