vue中,静态书写select的option选项时如何设置默认选中项

@mishu

vue中,静态书写select标签的option选项时如何设置默认选中项

在vue框架下，给select标签使用v-model绑定数据时，我们的selected=’‘selected’'设置的默认选中项失效了，那么在vue框架下如何给我们的select标签设置默认的选项呢

简单实现方式如下，在我们的data中给传递的数据selected设置一个值（一般我们会默认为空）,例如我们要让小刘为默认选中，则使seleted:"liu"就可以了，哈哈，是不是很简单。

<template>
	<select id ="app" v-model="selected">
     		<option value="m">小明</option>
    	 	<option value="zh" >小张</option>
    	 	<option value="liu">小刘</option>
     		<option value="w">小王</option>
 	 </select>
  </template>
  <script>
  	export default {
 	 	name: 'myForm',
  		 data:function(){
  		 return {
      		 	selected  :"liu"             
       		}
  </script>
  <style></style>