zoukankan      html  css  js  c++  java
  • element的el-tabs控制,以及el-select 多选默认值

    一.el-tabs

    1.element自己已经封装好了,当切换时v-model的值自动切换为el-tabs-pane的name对应的值.

    如下:

    <el-tabs v-model='activeName'>

      <el-tabs-pane name='aaa'>

        <mycomponet v-if="activeName=='aaa'"></mycomponet>

      </el-tabs-pane>

      <el-tabs-pane name='bbb'>

        <yourcomponet v-if="activeName=='bbb'"></yourcomponet>

      </el-tabs-pane>

    </el-tabs>

    2.上面我还加上了v-if,现在就神奇了,可以利用v-if来及时刷新mycomponet,yourcomponet 里的内容 (mycomponet ,yourcomponet  自己去实现) 

    (见/views/agent/summary.vue)

    二。el-select 多选

    单选时,直接给v-model='id' 在data中直接给id赋值即可;

    多选时,注意此时的id对于的是字符串数值。一定要记得是数组

  • 相关阅读:
    数论初步
    最大流
    vue + elemen 初始化项目--构建
    call, appply , bind
    动态引入全局组件
    少见好用的js API
    vue父子组件通讯
    vue优化相关---性能篇
    vue推荐文章
    webpack4.x系列--资源和样式解析
  • 原文地址:https://www.cnblogs.com/yanjunwu/p/8974191.html
Copyright © 2011-2022 走看看