基于Vue的三级联动下拉框

展示

width="100%" height="300" src="//jsfiddle.net/3gqrmbum/embedded/" allowfullscreen="allowfullscreen">

html部分

1. 使用v-model设置和获取select的值
2. 使用v-for显示option列表
3. 使用:value设置option属性
4. 使用{ {}}输出内容

<div id="test">
    单位：
    <select v-model="UnitSelected">
        <option v-for="item in UnitList" :value="item.id">{
   {
   item.name}}</option>
    </select>
    部门：
    <select v-model="DepartmentSelected">
        <option v-for="item in DepartmentList" :value="item.id"&