vue.js：具名插槽的使用
具名插槽的使用
需求：替换中间插槽的内容
将第一个插槽的内容替换为返回按钮
笔记完整代码
DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="author" content="xiaonaihu" /><meta name="generator" content="HBuilder X" /><title>具名插槽的使用title><script src="../../lib/vue.min.js" type="text/javascript" charset="utf-8">script>head><body><div id="app"><cpn><span slot="center">标题span>cpn><cpn><button slot="left">返回button>cpn>div><template id = "cpn"><div><slot name = "left"><span>左边span>slot><slot name = "center"><span>中间span>slot><slot name = "right"><span>右边span>slot>div>template><script type="text/javascript">var app = new Vue({el: "#app",data:{message:"hello vue"},components: {cpn: {template:'#cpn'}}});script>body>
html>
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！