如何在点击按钮时关闭Vuesax PopUp屏幕？

在Vuesax中关闭PopUp屏幕的方法是通过调用Vuesax的API来实现。具体步骤如下：

1. 首先，在Vue组件中引入Vuesax库和相关组件：

import Vue from 'vue';
import Vuesax from 'vuesax';
import 'vuesax/dist/vuesax.css';

Vue.use(Vuesax);

1. 在Vue组件中定义一个data属性来控制PopUp的显示与隐藏：

data() {
  return {
    showPopup: false
  };
}

1. 在模板中使用v-model指令将data属性与PopUp的显示状态绑定起来：

<vs-popup v-model="showPopup">
  <!-- PopUp的内容 -->
</vs-popup>

1. 在按钮的点击事件中修改showPopup的值来控制PopUp的显示与隐藏：

<vs-button @click="showPopup = false">关闭PopUp</vs-button>

通过以上步骤，当点击按钮时，showPopup的值会被修改为false，从而关闭PopUp屏幕。

Vuesax是一款基于Vue.js的UI框架，提供了丰富的组件和功能，适用于构建现代化的Web应用程序。它具有简洁的设计和易于使用的API，可以帮助开发者快速构建出漂亮且功能强大的界面。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。

• 腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器，支持多种操作系统和应用场景。详情请参考腾讯云云服务器。
• 腾讯云云数据库MySQL：提供稳定可靠的云数据库服务，支持高可用、备份恢复、自动扩容等功能。详情请参考腾讯云云数据库MySQL。