vue 下拉框默认选中自定义的那一项

在自定义下拉框数据的时候想默认选中特定的一项该怎么办？

1.用使用双向绑定

<select @change="selectColr($event)" v-model="selectOpt" class="selectColor">
		<option v-for="(item,index) in colorArr" :value="item.value">{{item.color}}</option>
</select>
           

2.在data中声明 **selectOpt: “#7afff7”,**这个就是你想选中的那一个

data() {
	return {
		colorArr: [{
				color: '蓝',
				value: '#7afff7'
			},
			{
				color: '绿',
				value: '#7affcf'
			},
			{
				color: '白',
				value: '#ffffff'
			},
			{
				color: '红',
				value: '#ff0000'
			}
		],
		selectOpt: "#7afff7", //选中默认项
	}
},