Vue插槽作用域定义的属性,插槽使用slot-scope=“keys”没办法接收到


#1

Vue插槽作用域定义的属性,插槽使用slot-scope=“keys”没办法接收到。
代码部分:

    <div id="app">
	<child>
		<template slot-scope="keys">
			<h1>{{keys.item}}</h1>
		</template>
	</child>
</div>
<script type="text/javascript">
	Vue.component('child',{
		data:function(){
			return {
				list:[1,2,3,4,5,6]
			}
		},
		template:`<div>
					<ul>
						<slot 
							v-for="item of list"
							:item=item
						>{{item}}</slot>
					</ul>
					</div>`
	})
	var app = new Vue({
		el:'#app'
	});
</script>

页面显示为空,浏览器查看dom,没有输出对应的dom。
年内想了好久,困扰好久了,求助大侠!!!


#2

請問您說你網頁畫面是空白,但我複製您的代碼,我有畫面顯示。


#3


您好,感谢您,请您看下这张图片,我代码运行后body内没有生成任何dom,控制台也没发出任何报错信息。您知道这有可能是哪方面的原因吗?


#4

請問您的HTML代碼是怎麼寫的呢?這張圖我沒辦法看出原因 :confounded:


#5

首先很感谢您的帮助,以下是我的代码截图,
图片显示清楚点:

代码:

vue 插槽

{{keys.item}}


#6

將你的代碼改為你一開始發的代碼就可以了⋯⋯


#7

可以了,谢谢您的帮助!祝您新年快乐!