如何在vuetify中显示datepicker之前调用ajax?

正面思想

看这个:https : //codepen.io/positivethinking639/pen/mddejJN

我的Vue脚本是这样的:

data: () => ({
    modalTest: false,
    dateTest: null,
    time: null,
    allowedTimes: ['8:30 am','9:00am','10:30am','1:30pm','3:30 pm']
}),
methods: { 
    saveData() {
        this.$refs.dialogTest.save(this.dateTest)
    },
    allowedDates: val => parseInt(val.split('-')[2], 10) % 2 === 0,
    setTime(time) {
        this.time = time
    }

我想在调用datepicker之前先调用ajax

我该怎么做?

最高

您需要将对话框移到button外面,并添加@click显示对话框方法

您的密码

<template v-slot:activator="{ on }">
     <v-btn color="success" dark v-on="on">call date</v-btn>
</template>

新密码

HTML

<v-btn color="success" dark @click="showDate">call date</v-btn>

showDate(){
    console.log("Ajax calling");
    this.modalTest = true;
}

在这里

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Android如何在Fragment中显示DatePicker?

来自分类Dev

在Angular 2中显示我的视图之前,如何解决一些问题/ ajax调用?

来自分类Dev

在vuetify中,如何在禁用按钮时显示工具提示

来自分类Dev

如何在同一ChartJS中显示来自不同ajax调用的不同数据集?

来自分类Dev

如何在angularjs中从工厂调用ajax?

来自分类Dev

如何在WordPress插件中调用AJAX?

来自分类Dev

如何在AJAX调用中验证数据

来自分类Dev

如何在 Rails 中响应 ajax 调用

来自分类Dev

如何在警报中显示AJAX响应

来自分类Dev

如何在JQuery datepicker中显示隐藏的<td>?

来自分类Dev

如何在JQuery datepicker中显示隐藏的<td>?

来自分类Dev

如何在Jquery ui datepicker中显示日期格式?

来自分类Dev

如何在 Datepicker 布局中显示有限的年数?

来自分类Dev

如何在ajax成功调用上显示隐藏的div

来自分类Dev

如何在PHP中显示之前简化MySQL错误?

来自分类Dev

如何在.bat文件中的每个命令之前显示消息?

来自分类Dev

如何在 Android 中显示之前预加载片段

来自分类Dev

如何在Backbone中的ajax调用后调用“ .done”

来自分类Dev

如何在Codeigniter中加载任何partuclar视图页面之前调用ajax函数

来自分类Dev

如何在另一个调用之前清除ajax响应

来自分类Dev

单击按钮时,如何在发送 ajax 之前调用我的验证函数?

来自分类Dev

如何在每次ajax调用之前清除表的数据

来自分类Dev

如何在php中的AJAX调用中返回数组

来自分类Dev

如何在datepicker vuetify上添加说明?

来自分类Dev

jQuery:Ajax:如何在启动之前显示加载对话框,并在关闭之后关闭?

来自分类Dev

如何在使用 ajax 将 PHP 文件加载到 DIV 之前显示加载器?

来自分类Dev

如何在调用 tableView 之前更新变量

来自分类Dev

如何在FXML中仅显示JavaFX DatePicker日历弹出窗口而不显示ComboBox?

来自分类Dev

如何在Angular中使用jQuery ajax调用中的Promise

Related 相关文章

  1. 1

    Android如何在Fragment中显示DatePicker?

  2. 2

    在Angular 2中显示我的视图之前,如何解决一些问题/ ajax调用?

  3. 3

    在vuetify中,如何在禁用按钮时显示工具提示

  4. 4

    如何在同一ChartJS中显示来自不同ajax调用的不同数据集?

  5. 5

    如何在angularjs中从工厂调用ajax?

  6. 6

    如何在WordPress插件中调用AJAX?

  7. 7

    如何在AJAX调用中验证数据

  8. 8

    如何在 Rails 中响应 ajax 调用

  9. 9

    如何在警报中显示AJAX响应

  10. 10

    如何在JQuery datepicker中显示隐藏的<td>?

  11. 11

    如何在JQuery datepicker中显示隐藏的<td>?

  12. 12

    如何在Jquery ui datepicker中显示日期格式?

  13. 13

    如何在 Datepicker 布局中显示有限的年数?

  14. 14

    如何在ajax成功调用上显示隐藏的div

  15. 15

    如何在PHP中显示之前简化MySQL错误?

  16. 16

    如何在.bat文件中的每个命令之前显示消息?

  17. 17

    如何在 Android 中显示之前预加载片段

  18. 18

    如何在Backbone中的ajax调用后调用“ .done”

  19. 19

    如何在Codeigniter中加载任何partuclar视图页面之前调用ajax函数

  20. 20

    如何在另一个调用之前清除ajax响应

  21. 21

    单击按钮时,如何在发送 ajax 之前调用我的验证函数?

  22. 22

    如何在每次ajax调用之前清除表的数据

  23. 23

    如何在php中的AJAX调用中返回数组

  24. 24

    如何在datepicker vuetify上添加说明?

  25. 25

    jQuery:Ajax:如何在启动之前显示加载对话框,并在关闭之后关闭?

  26. 26

    如何在使用 ajax 将 PHP 文件加载到 DIV 之前显示加载器?

  27. 27

    如何在调用 tableView 之前更新变量

  28. 28

    如何在FXML中仅显示JavaFX DatePicker日历弹出窗口而不显示ComboBox?

  29. 29

    如何在Angular中使用jQuery ajax调用中的Promise

热门标签

归档