Vue组件插槽道具

时间:2018-10-05 22:18:27

标签: vue.js

帮助我将参数设置为组件中的elemtn

当前页面已设置显示,但name属性不起作用

<div id="app">
  <div>1
  <page :currentpage="'current'">
                <template slot="page" :name="'page1'"></template>
                <template slot="page" :name="'page2'" ></template>
            </page>
  </div>
</div>

Vue.component('page', {
  props : ['name', 'currentpage'],
  template: `
    <div>
        {{currentpage}}
        <main>
            <slot name="page">
                {{name}}
            </slot>
        </main>
    </div>
`
})

new Vue({
  el: "#app"

});

https://codepen.io/nemozar/pen/ReNKKM

0 个答案:

没有答案