如何让$.modal.confirm 返回String类型
时间: 2023-03-31 09:05:00 浏览: 74
您可以通过在$.modal.confirm函数中添加一个回调函数来实现返回String类型的功能。在回调函数中,您可以将用户的输入转换为字符串并将其返回。具体实现方式可以参考以下代码:
$.modal.confirm({
title: '提示',
content: '请输入您的姓名:',
onConfirm: function(input) {
return String(input);
}
});
相关问题
如何让$.modal.confirm 传递String类型
可以通过将需要传递的字符串作为参数传递给$.modal.confirm函数来实现。例如:
$.modal.confirm("确认删除该条记录吗?");
其中,"确认删除该条记录吗?"就是需要传递的字符串。
uniapp中修改uni.showModal弹框content内容样式
要修改uni.showModal弹框content内容样式,可以按照以下步骤进行操作:
1. 在项目的common文件夹下的style.scss文件中定义全局样式,例如:
```scss
.uni-modal{
.uni-modal__bd{
color: blue;
font-size: 32rpx;
font-weight: bold;
padding: 64rpx 0 ;
}
}
```
2. 在main.js中引入show-modal组件,并创建组件show-modal.vue和initModal.js。
3. 在show-modal.vue中定义弹框的样式,例如:
```html
<template>
<div class="modal">
<div class="modal-content">{{content}}</div>
<div class="modal-buttons">
<button @click="cancel">取消</button>
<button @click="confirm">确定</button>
</div>
</div>
</template>
<script>
export default {
props: {
content: {
type: String,
default: ''
}
},
methods: {
cancel() {
this.$emit('cancel')
},
confirm() {
this.$emit('confirm')
}
}
}
</script>
<style scoped>
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
}
.modal-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
color: blue;
font-size: 32rpx;
font-weight: bold;
}
.modal-buttons {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
</style>
```
4. 在initModal.js中定义uni.showModal的样式,例如:
```js
import Vue from 'vue'
import ShowModal from './show-modal.vue'
function showModal(options) {
const Modal = Vue.extend(ShowModal)
const modal = new Modal({
el: document.createElement('div'),
propsData: {
content: options.content
}
})
document.body.appendChild(modal.$el)
return new Promise((resolve, reject) => {
modal.$on('cancel', () => {
modal.$el.remove()
reject('cancel')
})
modal.$on('confirm', () => {
modal.$el.remove()
resolve('confirm')
})
})
}
uni.showModal = showModal
```
5. 在需要使用uni.showModal的地方,直接调用uni.showModal即可,例如:
```js
uni.showModal({
title: '提示',
content: '这是一个自定义样式的弹框'
}).then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})
```