TEAMModelOS/TEAMModelOS.TeachZone/ClientApp/common/header.vue

<template>
  <div>
    <div class="header">
      <div class="wrap ov">
        <ul class="fl header-list">
          <li class="icon">
            <!--<a href="">四川省平台 <i></i></a>-->
            <!--<ol>-->
            <!--<li><a href="">成都市平台</a></li>-->
            <!--<li><a href="">高新区平台</a></li>-->
            <!--<li><a href="">学校平台</a></li>-->
            <!--</ol>-->

            <Select v-model="formItem.select1" >
              <Option value="sel1" >首页</Option>
              <!--<Option value="">四川省平台</Option>-->
              <Option value="sel2">成都市平台</Option>
              <Option value="sel3">高新区平台</Option>
              <Option value="sel4">学校平台</Option>
            </Select>
          </li>
        </ul>
        <ul class="fr header-list">
          <li>
            <input type="text" placeholder="请输入关键字..." class="raduis20 search-input">
          </li>
          <li>
            <Select v-model="formItem.select2" @on-change="changeZone">
              <!--<Option value="sel1" >班级</Option>-->
              <Option value="/" >教师空间</Option>
              <Option value="/indexStudent">学生空间</Option>
            </Select>
            <!--<a href="">张三 </a>-->
          </li>
          <li>
            <Select v-model="formItem.select3">
              <!--<Option value="sel1" >班级</Option>-->
              <Option value="sel1">六年级·1班</Option>
              <Option value="sel2">六年级·2班</Option>
            </Select>
            <!--<a href="">班级 <i></i></a>-->
            <!--<ol>-->
            <!--<li><a href="">六年级·1班</a></li>-->
            <!--<li><a href="">六年级·2班</a></li>-->
            <!--</ol>-->
          </li>
          <li>
            <a href="">学校 </a>
          </li>
        </ul>
      </div>
    </div>
  </div>

</template>

<script>

  export default {
    name: "header",
    data () {
      return {
        formItem: {
          select1: 'sel1',
          select2: '/',
          select3: 'sel1',

        },
      }
    },
    methods: {
      changeZone: function (url) {
        this.$router.push({path: url})
      }
    }

  }
</script>

<style scoped>

</style>