为了账号安全,请及时绑定邮箱和手机立即绑定

vue的scopedSlots用法,如何显示作用域插槽?

vue的scopedSlots用法,如何显示作用域插槽?

红糖糍粑 2019-03-14 18:15:14
使用scopedSlots来显示作用域插槽,通过下面的代码:               <div id="K7">                    <u-component>                    <template slot-scope="props">                    <p>作用域插槽2</p>                                         </template>                    </u-component>               </div>               <script>               Vue.component('u-component',{               render: function (createElement) {              return createElement('div', [                 createElement('child', {                      scopedSlots: {                   default: function (props) {                      return createElement('span', props.text)                       }                        }                  })                ])                  },                  data:function(){                  return {text:"nvjs"}                }               })                   new Vue({                    el:'#K7'                   })               </script>                          但是在浏览器中没有任何显示,请问如何正确使用才能够显示出text的值呢?
查看完整描述

2 回答

?
素胚勾勒不出你

TA贡献1827条经验 获得超9个赞

render(h){

return h('div',{},this.$scopedSlots.default({text:this.text})])

}


查看完整回答
反对 回复 2019-04-11
?
Qyouu

TA贡献1786条经验 获得超11个赞

楼主,你解决这个问题没有


查看完整回答
反对 回复 2019-04-11
  • 2 回答
  • 0 关注
  • 3291 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信