大家好，欢迎来到IT知识分享网。
ref
简介：ref是refence的缩写，就是引用的意思，所以它的功能就是一种连接，各个模块的作用，这么说比较抽象，直接看代码。
学习代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ref</title> <script src="../js/vue.js"></script> </head> <body> <div id="app"> <button @click="getInfo()">获取内容 </button> <h3 ref="para"> 这是一段话。<span> 随便写的。</span> </h3> </div> </body> <script> const app = new Vue({
el:"#app", methods:{
getInfo(){
// 通过ref将getInfo方法与h3标签连接 console.log(this.$refs.para.innerHTML); // 获取的是HTML文本 console.log(this.$refs.para.innerText); // 获取的是文本中的内容 } } }); </script> </html> 运行结果：
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/154980.html
