vue基础 具名插槽v-slot未生效问题
在学习插槽的时候,发现如果只是单纯写匿名插槽,是OK的<div id="app"><rin>插槽的位置,谁敢动</rin></div><template id="temp"><div>this is a children template<br>
·
在学习插槽的时候,发现如果只是单纯写匿名插槽,是OK的
<div id="app">
<rin>
插槽的位置,谁敢动
</rin>
</div>
<template id="temp">
<div>
this is a children template
<br>
<slot>
</slot>
</div>
</template>
<script>
Vue.component("rin",{
template:"#temp"
})
var vm = new Vue({
el: "#app",
});
</script>
此处,“插槽的位置,谁敢动”,是可以显示出来的
但是当使用具名插槽的时候,发现,插槽的内容却是无法展示
后来才发现,插槽的v-slot标签实在2.6版本之后才有的,之前的版本都是slot-scope,
而我引用的是2.2.2版本的vue,自然识别不出。
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
所以只要去vue官网把js文件下下来就行
更多推荐
已为社区贡献2条内容
所有评论(0)