- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
Maison > Questions et réponses > le corps du texte
Dans le code suivant
Pourquoi l'élément el dans js doit-il être lié à l'identifiant cc de p pour obtenir l'effet de saisie instantanée. Au contraire, cela ne peut pas être obtenu s'il est directement lié à l'identifiant de saisie ? Après tout, le message du modèle est appliqué à l'entrée
<!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>
PHPz2017-05-19 10:24:05
Si vous liez uniquement l'entrée et que la portée est uniquement l'entrée, votre balise p n'aura aucun effet. Il faut donc être à l'intérieur de p.
曾经蜡笔没有小新2017-05-19 10:24:05
id est un conteneur qui contient toutes les liaisons de données et autres comportements impliqués dans l'instanciation de votre vue. Vous pouvez définir plusieurs conteneurs sur une seule page, mais chaque conteneur est comme une portée de fonction. Le comportement d'accès aux variables ou aux fonctions dans la portée est déterminé par l'environnement de portée actuel.
Votre exemple n'est pas seulement une entrée, les données que vous liez contiennent également p éléments. Vous devez donc mettre l'identifiant du conteneur sur leur élément parent p.
淡淡烟草味2017-05-19 10:24:05
Chaque instance de vue a une portée dans le DOM, et la valeur de l'attribut el détermine la portée de l'instance de vue dans le DOM. Lorsque vous définissez la valeur de l'attribut el, elle est définie dans le DOM. accédez aux propriétés dans l'instance vue ; si vous avez utilisé angulaire, le rôle de la valeur el est en fait similaire à celui du contrôleur en angulaire
;