uniapp 在uni.showModal内调用不到外面的函数
时间: 2023-11-23 15:48:35 浏览: 217
您可以通过以下几种方法解决uniapp中无法在uni.showModal内调用外部函数的问题:
1. 使用箭头函数:在showModal的success回调函数内使用箭头函数,这样可以保持上下文的一致性,可以访问外部函数。
```javascript
uni.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: (res) => {
// 在这里可以调用外部函数
externalFunction();
}
});
```
2. 使用bind方法:通过使用Function.prototype.bind()方法将外部函数绑定到当前上下文中。
```javascript
uni.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: function(res) {
// 在这里可以调用外部函数
externalFunction.bind(this)();
}
});
```
3. 在Modal所在组件的methods中定义一个方法,将需要调用的外部函数放在这个方法中。
```javascript
methods: {
showModal() {
// 显示弹窗
uni.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: (res) => {
// 在这里可以调用组件内定义的方法,然后在方法中调用外部函数
this.externalMethod();
}
});
},
externalMethod() {
// 调用外部函数
externalFunction();
}
}
```
阅读全文