chenhaodong / mew-iview

  <template>

      <i-button @click="add">add</i-button>{{more}}
      <Tabs active-key="key1" type="card" closable>

          <tab-pane label="标签一" key="key1">标签一的内容</tab-pane>
          <tab-pane label="标签二" key="key2">标签二的内容</tab-pane>
          <tab-pane label="标签三" key="key3">标签三的内容</tab-pane>

          <tab-pane label="标签四" key="key4" v-if="more">标签四的内容</tab-pane>

      </Tabs>

  </template>
  <script>
      export default {

          data () {
              return {
                  more: false
              }
          },
          methods: {
              add () {
                  this.more = !this.more;
              }
          }

      }

  </script>