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
    }
    }
    },
    监听参数的改变,以改变就会触发事件
  • 相关阅读:
    php数据缓存到文件类设计
    php静态文件缓存示例
    php array_merge和“+”的区别和使用《细说php2》
    kafka环境安装及简单使用(单机版)
    Protobuf的上手使用
    Java8新特性概览
    Mock测试框架(Mockito为例)
    Java序列化与反序列化
    系统/项目环境搭建
    关于Tomcat服务器中的协议及请求过程
  • 原文地址:https://www.cnblogs.com/fdxjava/p/12083027.html
Copyright © 2011-2022 走看看