2019-03-13 element-ui select下拉框默认值的问题(赋值出来是id而不是汉字)

关于element select框默认值赋值不成功问题，注意两点：

1、v-model里面的数据和遍历出来value值数据类型不一样。（例：item.provinces类型是number，province类型是String。类型不一样导致赋值不成功）

2、遍历数据和赋值的先后顺序，必须保证数据先遍历后赋值。

注意注意注意：要为select设定默认值，只要把v-model绑定的值和你想要选中option的value值设置一样即可。

<el-form-item label="省:">

<el-select @change="getCid(editForm.pid)" v-model="editForm.pid" clearable placeholder="请选择省">

<el-option

:key="0"

label="请选择"

:value="0">

</el-option>

<el-option

v-for="item in optionsPid"

:key="item.regionId"

:label="item.regionName"

:value="item.regionId">

</el-option>

</el-select>

</el-form-item>

<el-select @change="getAid(editForm.cid)" v-model="editForm.cid" clearable placeholder="请选择市">

<el-option

:key="0"

label="请选择"

:value="0">

</el-option>

<el-option

v-for="item in optionsCid"

:key="item.regionId"

:label="item.regionName"

:value="item.regionId">

</el-option>

</el-select>

<el-form-item label="省:">

<el-select @change="getCid(editForm.pid)" v-model="editForm.pid" clearable placeholder="请选择省">

<el-option

:key="0"

label="请选择"

:value="0">

</el-option>

<el-option

v-for="item in optionsPid"

:key="item.regionId"

:label="item.regionName"

:value="item.regionId">

</el-option>

</el-select>

</el-form-item>

<el-select @change="getAid(editForm.cid)" v-model="editForm.cid" clearable placeholder="请选择市">

<el-option

:key="0"

label="请选择"

:value="0">

</el-option>

<el-option

v-for="item in optionsCid"

:key="item.regionId"

:label="item.regionName"

:value="item.regionId">

</el-option>

</el-select>

<el-form-item label="省:">

<el-select @change="getCid(editForm.pid)" v-model="editForm.pid" clearable placeholder="请选择省">

<el-option

:key="0"

label="请选择"

:value="0">

</el-option>

<el-option

v-for="item in optionsPid"

:key="item.regionId"

:label="item.regionName"

:value="item.regionId">

</el-option>

</el-select>

</el-form-item>

<el-select @change="getAid(editForm.cid)" v-model="editForm.cid" clearable placeholder="请选择市">

<el-option

:key="0"

label="请选择"

:value="0">

</el-option>

<el-option

v-for="item in optionsCid"

:key="item.regionId"

:label="item.regionName"

:value="item.regionId">

</el-option>

</el-select>

重要的事情说三遍data定义必须与后台一致的数据类型，比如后台返回来的是数字，就必须定义数字类型的

pid:0,//必须制定Number（与后台返回来的数据类型一致）

cid:0,//必须制定Number（与后台返回来的数据类型一致）

aid:0,//必须制定Number（与后台返回来的数据类型一致）

赋值的时候也必须是数字类型的

VillageInfo(id){

if(id){

api.getVillageInfo(id).then(res =>{

if(res.status==200){

this.getCid(res.data.pid)

this.getAid(res.data.cid)

this.pName=res.data.pName

this.cName=res.data.cName

this.aName=res.data.aName

this.pid=res.data.pid

this.editForm={

//省市区

pid:Number(res.data.pid),

cid:Number(res.data.cid),

aid:Number(res.data.aid),

villageId:res.data.villageId,

villageName:res.data.villageName,

villageCoding:res.data.villageCoding,

useArea:res.data.useArea,

netArea:res.data.netArea,

buildingNo:res.data.buildingNo==0?"":res.data.buildingNo,

buildingArea:res.data.buildingArea,

notArea:res.data.notArea,

lockingArea:res.data.lockingArea,

menuId:res.data.menuId,

status:res.data.status,

isBenefit:res.data.isBenefit,

//付款场景

//fromType:this.$refs.formTypeChild.tempValue,

address:res.data.address,

companyId:res.data.companyId,

}

}

})

}

},

步骤如下：

1、打开需要编辑的Excel工作表，如图所示。已知：科学技术分为“农业/林业,工业技术,医学/医药/卫生,自然科学”这4个部分。现在需要将这4部分归类到一个下拉列表中。

2、在E1中输入科学技术。将光标移动到F1中，单击菜单栏-数据，单击数据有效性，选择数据有效性。如下图示。

3、在d出的数据有效性对话框中，在数据有效性条件中，单击下拉列表中选择“序列”。

4、将光标移动到“来源”。输入下拉列表的具体内容。在此例中，输入内容为，农业/林业,工业技术,医学/医药/卫生,自然科学。如下图示。

5、点击确定。此时返回到原Excel表格中，观察发现F1右侧出现一个下拉箭头。单击下拉箭头，之前在“来源”中输入的内容都出现在下拉列表中。

html下拉框怎么设置默认值？

步骤如下：

html代码部分：

<select> <option value="1">

北京</option>  <option value="1" selected>

天津</option>  <option value="1">

上海</option> </select>

说明：selected属性就是默认值，天津被默认选中。

效果图：

注意事项：默认值只能设置一个，设置多个的话最后一个默认值是最终的默认值。

在WWW上的一个超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网上开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Web）。

Web页面也就是通常所说的网页，在这里不作区分。

---