我已经阅读了无数有关如何使用jquery进行此操作的文章，但是Vue.js嫉妒地拥有和管理dom，因此我需要一个使用标准Vue.js组件或库的解决方案。
到目前为止，我已经找到了几个我称之为“按钮事件驱动”解决方案的示例，但是我将需要以编程方式处理模式的打开和关闭。
问题/设计要求：当公共用户尝试与我的应用程序上的诱人按钮或其他功能交互，并且尚未登录时，我希望以编程方式启动模式对话，然后要求他们登录。
一旦成功，我将需要以编程方式关闭相同的对话模式。或者，当然，他们可以选择取消并继续以公共用户身份浏览而无法执行这些功能。
其他有用信息：
我正在使用引导程序4.4.1我已经阅读了无数有关如何使用jquery进行此操作的文章，但是Vue.js嫉妒地拥有和管理dom，因此我需要一个使用标准Vue.js组件或库的解决方案。 ...
我能够使用带有（相对）最近示例的项目来构造它。这是组件，以及使用该组件的“ Tester.vue”视图：