element中select的true值默认显示的问题

Question

<el-select v-model="proinfo.borrPurpose">

<el-option label="经营" value="01">经营</el-option>
<el-option label="消费" value="02">消费</el-option>
<el-option label="购房" value="03">购房</el-option>
<el-option label="周转" value="04">周转</el-option>

</el-select>
这样一种写法中，borrPurpose的值是对应的什么value就会默认选择显示哪一个，value是string;
而在这一种情况：
<el-select class="filter-item" v-model="proinfo.is_star" style="width: 150px;">

<el-option label="是" value="true">是</el-option>
<el-option label="否" value="false">否</el-option>

</el-select>
proinfo.is_star的值是布尔型，就没有默认选择了，必须先转成string才行？还是我写法不对？

Answer 1

 <template>
    <el-select v-model="proinfo.is_star" placeholder="请选择">
      <el-option label="是" value="true">是</el-option>
      <el-option label="否" value="false">否</el-option>
    </el-select>
  </template>

 data() {
      return {
         proinfo:{
         is_star:'true'
         }
      }
    }

Answer 2

<template>
    <el-select v-model="proinfo.is_star" placeholder="请选择">
      <el-option label="是" :value="true">是</el-option>
      <el-option label="否" :value="false">否</el-option>
    </el-select>
  </template>

 data() {
      return {
         proinfo:{
         is_star:true
         }
      }
    }

这样就可以了