cari

Rumah  >  Soal Jawab  >  teks badan

javascript - Masalah dengan pengikatan data model dalam vue.js

Dalam kod berikut

Mengapa elemen el dalam js perlu terikat pada id cc p untuk mencapai kesan input segera Sebaliknya, ia tidak boleh dicapai jika ia terikat secara langsung dengan id input? Lagipun, mesej model digunakan pada input

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>

<p id = "cc">
<input v-model="message" placeholder="edit me" id="text">
<p>Message is: {{message}}</p>
</p>

<script type="text/javascript">

  var vm = new Vue({
         
        el:"#text",
        data:{

            message:''
        }

  })






</script>
</body>
</html>
大家讲道理大家讲道理2789 hari yang lalu605

membalas semua(3)saya akan balas

  • PHPz

    PHPz2017-05-19 10:24:05

    Jika anda hanya mengikat input dan skop hanya input, maka tag p anda tidak akan memberi kesan. Jadi anda perlu berada di dalam p.

    balas
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-19 10:24:05

    id ialah bekas, yang mengandungi semua pengikatan data dan gelagat lain yang terlibat dalam instantiasi vue anda. Anda boleh menentukan berbilang bekas dalam satu halaman, tetapi setiap bekas adalah seperti skop fungsi Gelagat akses pembolehubah atau fungsi dalam skop ditentukan oleh persekitaran skop semasa.
    Contoh anda bukan sekadar input, data yang anda ikat juga mempunyai elemen p. Jadi, anda perlu meletakkan id bekas pada elemen induk mereka p.

    balas
    0
  • 淡淡烟草味

    淡淡烟草味2017-05-19 10:24:05

    Setiap tika vue mempunyai skop dalam DOM, dan nilai atribut el menentukan skop tika vue dalam DOM Apabila anda menetapkan nilai atribut el, ia ditetapkan dalam DOM elemen antara muka yang boleh akses sifat dalam contoh vue; jika anda telah menggunakan sudut, peranan nilai el sebenarnya serupa dengan pengawal dalam sudut

    balas
    0
  • Batalbalas