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
    }
    }
    },
    监听参数的改变,以改变就会触发事件
  • 相关阅读:
    pandas DataFrame
    pandas Series
    numpy nan和inf
    Filder配置及使用教程
    Vmware Ubuntu18.04更换清华源
    numpy 其它常用方法
    numpy 数组的拼接
    numpy 数值的修改
    numpy 索引和切片
    class 绑定的数据对象不必内联定义在模板里
  • 原文地址:https://www.cnblogs.com/fdxjava/p/12083027.html
Copyright © 2011-2022 走看看