ref 获取组件的信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script></head><body><div id="app"> <button @click="getEl">getEL</button> <h3 ref="myh3">今天天气还不错！！！</h3> <hr/> <login ref="mylogin"></login></div></body><script> var login ={ template:"<h3>我是子组件</h3>", data(){ return { mes:"我是之组件数据" } }, methods:{ show(){ console.log("我是之组件方法"); } } } var vm = new Vue({ el: "#app", data: { mes: "hello Vue" }, methods: { getEl() { console.log(this.$refs.myh3.innerHTML); console.log(this.$refs.mylogin.mes); this.$refs.mylogin.show(); } }, components:{ login } });</script></html>
转载于:https://www.cnblogs.com/jiahaoJAVA/p/9484312.html
