账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Vue 2.0 refs无法获取子组件的dom节点
    25
    0

    1.获取子组件的内容为什么输出undefined呀
    <!DOCTYPE html>
    <html>

    <head>
        <meta charset="utf-8">
        <title></title>
    <script type="text/javascript" src="js/vue.js">
        
    </script>
    </head>
    <body>    
        <div id="app">
            <button type="button" @click="a">点我然后打开控制台</button>
            <div id="app1" ref="myid1">
                {{msg1}}
            </div>
            <aaa :msg2='msg2' ref="mytem1"></aaa>
            <button type="button" @click="b">点我然后打开控制台</button>            
        </div>
    <script type="text/javascript">
         var vm=new Vue({
             data:{
                 msg1:"hello,this is Dom",
                 msg2:"this is a template and data form Daddy",
             },
             methods:{
                 a:function(){
                     var idl=this.$refs.myid1.innerHTML;
                     
                     console.log(idl);
                     },
                 b:function(){
                     var idk=this.$refs.mytem1.innerHTML;
                     console.log(idk); 
                 },     
             },
             components:{    
                 'aaa':{
                     template:`
                     <div>
                   {{msg2}}
               </div>`,
                     props:['msg2'],
                    
                     },
    
                 },
     
         }).$mount("#app");
    </script>
    </body>

    </html>

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部