vue.js - 使用 vue js 首次单击时 bootstrap 4 模态不会打开
问题描述
当我按下按钮时,我的 bootstrap 4 模式没有显示,但我的计算属性是用于触发的(来自控制台)
这是我的模板代码
<form>
<!-- button that triggers the modal -->
<div id="btnBereken">
<a
class="btn btn-success btn-lg"
data-target="#exampleModal"
v-on:click="Vali"
v-bind:data-toggle="Validation"
>Bereken</a>
</div>
</div>
</form>
<!--modal itself-->
<div
class="modal fade"
id="exampleModal"
tabindex="-1"
role="dialog"
aria-labelledby="exampleModalLabel"
aria-hidden="true"
v-show="Ok"
></div>
这是我的脚本代码我有一个方法和一个计算属性链接到data-toggle
我的按钮
Vali: async function(){
this.Ok =true;
}
和我的计算属性
Validation() {
if (this.Ok) {
console.log("getriggerd");
return "modal";
}
}
当我按下按钮时,弹出不会触发但第二次触发,并且我的值this.Ok
在我的控制台和 VueJS 开发工具中得到更新
解决方案
推荐阅读
- c - strcat 函数不适用于指针
- swift - How do I update UserDefaults after deleting an MKAnnotation?
- java - got 源服务器没有找到目标资源的当前表示或不愿意透露存在的表示
- multithreading - 调用的 C# Thread 方法因工作线程和主 UI 线程而异
- java - 如何在 API 包装器上进行集成测试
- javascript - 为数组中的一个一个数字设置超时 5 秒,但不是一次全部设置
- android - 如何完全关闭android应用程序以便回收所有内存?
- entity-framework-6 - 从 WebJob 使用 EF6 查询 SQL 时,查询失败,因为它试图获取表的复数版本
- python - pyftdi:SPI - CLK空闲状态反转(模式3)
- c++ - 如何在 C++ (UNIX) 中完全阻止用户输入