首页 > 其他分享 >vue2组件props;computed监控变量,watch执行方法

vue2组件props;computed监控变量,watch执行方法

时间:2023-01-09 11:22:25浏览次数:39  
标签:computed watch vue2 props 组件 方法

props: {
        mesData:{
            type: Object,  // 接受父组件值
            required: true,
        },
        tableLod:{
            type: Function,  // 接收父组件方法
            required: true,
        },
    },
    computed: {
      isMesData() { 
          return this.mesData  // 将值装载到方法中
      }
    },
    watch: {
        isMesData(row) {
            this.$nextTick(()=>{ // 异步更新DOM数据
                this.form.setFieldsValue(pick(row,'setsNo','serialNumber','weldingStatus','routeCode'))  //将父组件的值装载到from表单中(建议先用Object拷贝)
            })
        }
    },
  methods: {         colse() {             this.mesColse();  // 执行父组件方法         },
 }

 

标签:computed,watch,vue2,props,组件,方法
From: https://www.cnblogs.com/ruoyushen/p/17036444.html

相关文章

  • vue2,vue3同时监听多个数据变化
    我是使用vue计算属性(computed)将需要监听的数据拼接在一起,再通过watch进行监听1.vue普通写法<template><divid="app"><el-inputv-model.number="valu......
  • Vue2和Vue3实现响应式原理
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>Document</title> </head> <body> <scripttype="text/javascript"> //源数据 letpers......
  • Test kvm guest watchdog device
    watchdog是什么AWatchdogTimer(WDT)isahardwarecircuitthatcanresetthecomputersystemincaseofasoftwarefault.Youprobablyknewthatalready.U......
  • watch监听器
    watch的基本用法:  也可以用数组的方式同时监听多个 深度监听:使用ref需要开启深度监听才可以监听到里面的值使用reactive不需要开启也可以监听到里面的值,因为源......
  • 网站变更检测、监控、警报丨WebSite-Watcher功能简介
    WebSite-Watcher是一个强大而简单的网站监控工具,非常适合初学者和高级用户。该软件使您可以完全控制检查的内容、检查的时间,甚至是通知您的方式。 监控多种类型......
  • element ui可拖拽dialog-vue2
    文章目录​​1.准备js​​​​1.1`dialog-drag.js`​​​​1.2`index.js`​​​​2.`main.js`引用自定义指令​​​​3.使用​​1.准备js1.1​​dialog-drag.js​​......
  • props & emit 使用备忘
    文章目录​​1.需求描述​​​​2.解决​​1.需求描述由父组件传递参数至子组件,子组件携带参数进行网络请求,处理业务。业务处理完毕,子组件成功事件触发父组件关闭弹窗。2......
  • vue2中的mixin
    1.mixin的用处:主要用于多个组件内存在重复JS业务逻辑(可以包括methods,mounted,watch等等),将该JS部分代码封装在一个js文件下对外暴露,需要使用的组件进行引用。混入(mixin)......
  • vue2 转 vue3+ts
    1.vite创建一个vue3+ts的项目2.依赖转变复制vue2package项目依赖。修改vue-router3=>vue-router4;vuex4=>pinia ;Ui库vant2=>vant4main.js 转换为 ......
  • Vue Day2-watch
    watch 监听数据的变化,从而实现相应的业务逻辑主要应用场景是监听数据的变化处理副作用。与处理数据无关的的操作都算副作用,如日志处理、异步请求、本地存储操作等......