vue获取select标签里option

小笔记（它真的困扰了我好久！！！！）

JS ：

        addValue: 2,
		 range: [
			{ value: 0, text: "马田街道" },
			{ value: 1, text: "东风街道" },
			{ value: 2, text: "龟山街道" },
		 ],

错误示范：

				<select @change="change($event)">
					<option v-for="(ion,ionx) in range" :key="ionx" :value="ionx">
						{{ion.text}}
					</option>
				</select>
				  

如我进行绑定，点击后，返回的效果是什么都没有的！找不到所选中的值，detail{}也是空，如下：

 

正确示范：

    <select v-model="addValue" @change="change($event)">
		<option v-for="(ion,ionx) in range" :key="ionx" :value="ionx">
			{{ion.text}}
		</option>
	</select>

既要在option里进行绑定值，也要在select标签里进行双向绑定， 运行后就绑定成功了，

注意：

这时返回的detail{}，也还是空的，只是在呈现方面我的值已经可以随着所选中的值改变了。

如有大神知道这是为什么，卑微新人在线求解（detail{}）