为什么会有bug?Uncaught TypeError: dataOptions.call is not a function


<!DOCTYPE html>
<html>
<div id="app">    
	<select v-model="selectItem" @change="selectFn($event)">       
		 <!--选择项的value值默认选择项文本 可动态绑定选择项的value值 更改v-model指令绑定数据-->        
		<option v-for="item in items" :value="item.id">{{item.name}}</option>    
	</select>   
	 <div>{{selectItem}}</div>    
	<!--选择项的value值-->
</div>
	
	<script src="https://unpkg.com/vue@next"></script>
	<script>    
	const app = Vue.createApp({   
		   data: {        
			    selectItem: '分类1',     
			       items: [             
				       {id:11, name: '分类1'},         
				       {id:22, name: '分类2'},        
				       {id:33, name: '分类3'}        
			             ]       
		 },       
			 methods: {       
				     selectFn(e) {          
					      console.log(e)       
					      console.log(e.target.selectedIndex) // 选择项的index索引              
                          console.log(e.target.value) // 选择项的value           
 }   
     }   
 });

app.mount('#app')
</script>
</html>
上一篇:Python位置参数


下一篇:为什么会有bug?Uncaught TypeError: dataOptions.call is not a function