vue的scopedSlots用法，如何显示作用域插槽？

Question

使用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的值呢？

Answer 1

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

Answer 2

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