chenhaodong / mew-iview

  <template>

      <div>
          <Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
          <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
          <Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
          <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
          <Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
      </div>

  </template>
  <script>

      export default {

          data () {
              return {

                  data: [{
                      value: 1,

                      label: '北京',

                      children: [
                          {

                              value: 11,

                              label: '故宫'
                          },
                          {

                              value: 12,

                              label: '天坛'
                          },
                          {

                              value: 13,

                              label: '王府井'
                          }
                      ]

                  }, {

                      value: 2,

                      label: '江苏',
                      children: [
                          {

                              value: 21,

                              label: '南京',
                              children: [
                                  {

                                      value: 211,

                                      label: '夫子庙',
                                  }
                              ]
                          },
                          {

                              value: 22,

                              label: '苏州',
                              children: [
                                  {

                                      value: 221,

                                      label: '拙政园',
                                  },
                                  {

                                      value: 222,

                                      label: '狮子林',
                                  }
                              ]
                          }
                      ],

                  }],
                  value3: []
              }

          }
      }

  </script>