Vue选中时间段后调用方法

目录

一、业务背景

二、解决方案

1、在与methods平级的位置定义一个watch

2、在watch对象中写一个函数

一、业务背景
页面设计没有查询按钮， 所以需要用时间范围选择后调用接口，
 一开始使用的是pickerOptions对象中 onPick（）方法， 
后来调试发现触发方法的时机不是想要的， 
后来想想还是watch直接监听吧...
二、解决方案

1、在与methods平级的位置定义一个watch
watch:{

},
methods:{}
2、在watch对象中写一个函数

函数的名称为需要监测的数据名称。该函数支持返回两个值，第一个为变化后的数据，第二个为变化前的数据。

这里监听的dateRange是个数组, 所以当选中的值有两个的时候会调用对应方法.
watch:{
dataRange(to,do){
    if(to.length>1)
        this.method1();
    }
},

methods:{}
有用请点赞，养成良好习惯！

疑问、交流、鼓励请留言！

Vue选中时间段后调用方法

一、业务背景

二、解决方案

1、在与methods平级的位置定义一个watch

2、在watch对象中写一个函数

猜你喜欢