Vue2.0 如何动态切换组件?

点击按钮切换组件 但切换不了
js:

var Rm={    template:'#aa',
}var Wr={    template:'#bb',
}var vm=new Vue({    el:'#app',    data:{        currentView:Rm,        picked:0
    },    mounted:function(){

    },    watch:{        'picked':function(val){            this.currentView=Wr            
    console.log(this.currentView)
        }
    },
})

html

<script type="text/x-template" id="rm">
    <div>123</div><script><script type="text/x-template" id="wr">
    <div>456</div><script><component :is="currentView"></component>报错内容是
vue2.0.js:2611 [Vue warn]: Cannot find element: #wr

vue2.0.js:2611 [Vue warn]: You are using the runtime-only build of Vue where the template option is not available. Either pre-compile the templates into render functions, or use the compiler-included build. 
(found in anonymous component - use the "name" option for better debugging messages.)


拉风的咖菲猫
浏览 1558回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript