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
    }
    }
    },
    监听参数的改变,以改变就会触发事件
  • 相关阅读:
    Hibernate 查询,返回结果设置到DTO
    sqlserver计算时间差DATEDIFF 函数
    SQL语句 不足位数补0
    Redis详细用法
    windows下安装Redis并部署成服务
    Redis命令
    ajax请求在参数中添加时间戳
    JS获取子节点、父节点和兄弟节点的方法实例总结
    js关闭当前页面清除session
    Java面试题一览
  • 原文地址:https://www.cnblogs.com/fdxjava/p/12083027.html
Copyright © 2011-2022 走看看