zoukankan      html  css  js  c++  java
  • 父组件动态监听data事件中的一个值,然后传递给子组件,子组件实时监听这个值,并改变样式中的一个属性

    <a-menu v-model="currentLeftMenuKey" mode="horizontal" theme="dark">
    <a-menu-item key="department">单位</a-menu-item>
    <a-menu-item key="individual">个人</a-menu-item>
    </a-menu>
    <component :is="currentLeftComponet"></component>
    <ranking-tree-display
    ref="departmentDisplay"
    @handleCheckPersonChange="handleCheckPersonChange"
    @handleCheckDepartmentChange="handleCheckDepartmentChange"
    :params="recommendParams"
    :isShow="currentLeftMenuKey"
    />


      :isShow="currentLeftMenuKey"父组件传参
    <a-menu v-model="currentLeftMenuKey" mode="horizontal" theme="dark">监听父组件的一个值得改变
    --------------------------------------------
    子组件中的一个树样式
    <a-tree
    @expand="onExpand"
    @select="onSelect"
    :expandedKeys="expandedKeys"
    :autoExpandParent="autoExpandParent"
    :treeData="gData"
    @check="onCheck"
    v-model="checkedKeys"
    checkable
    ref="tree"
    :checkStrictly="ishow"
    >
     :checkStrictly="ishow"改变单选还是全选属性
    -----------------
    子组件接收父组件参数
    props: {
    params: {
    type: [Object, String],
    default: ''
    },
    isShow: [String]
    },
    -----------------
    watch: {
    isShow (val) {
    if (val[0] === 'individual') {
    this.ishow = false
    }
    }
    },
    监听参数的改变,以改变就会触发事件
  • 相关阅读:
    【258】雅思口语常用话
    【256】◀▶IEW-答案
    UITabBarController 标签栏控制器
    枚举
    HDU3631:Shortest Path(Floyd)
    让Barebox正确引导Tiny6410的linux内核
    调度子系统2_核心调度器
    12.10 公司面试总结
    X265编译中C2220错误的解决办法
    JSP元素和标签
  • 原文地址:https://www.cnblogs.com/fdxjava/p/12083027.html
Copyright © 2011-2022 走看看