<!-- 提示框 -->
<cc-defineDialogBox ref="DialogBox"></cc-defineDialogBox>
// 顯示詢問彈框
showDialogBox() {
this.$refs['DialogBox'].confirm({
title: '請(qǐng)確認(rèn)您填寫的信息',
content: '前端Vue開發(fā)?',
DialogType: 'inquiry',
animation: 0
}).then((res)=>{
console.log('res = ', JSON.stringify(res));
})
},
// 顯示輸入彈框
showDialogBoxInput() {
this.$refs['DialogBox'].confirm({
title: '更改昵稱',
placeholder: '請(qǐng)輸入修改的昵稱',
value: this.nickname,
DialogType: 'input',
animation: 0
}).then((res)=>{
// 輸入框返回值res
this.nickname = res.value;
})
},

<template>
<view class="content">
<!-- 提示框 -->
<cc-defineDialogBox ref="DialogBox"></cc-defineDialogBox>
<!-- 顯示詢問彈框 -->
<button @click="showDialogBox"
style="width: 160px; height: 50px;background-color: antiquewhite; margin-top: 26px;">顯示詢問彈框</button>
<!-- 顯示輸入彈框 -->
<button @click="showDialogBoxInput"
style="width: 160px; height: 50px;background-color: antiquewhite; margin-top: 26px;">顯示輸入彈框</button>
</view>
</template>
<script>
export default {
data() {
return {
nickname: 'Hello'
}
},
onLoad() {
},
methods: {
// 顯示詢問彈框
showDialogBox() {
this.$refs['DialogBox'].confirm({
title: '請(qǐng)確認(rèn)您填寫的手機(jī)號(hào)',
content: '手機(jī)號(hào)碼：13999999999?',
DialogType: 'inquiry',
animation: 0
}).then((res) => {
console.log('res = ', JSON.stringify(res));
})
},
// 顯示輸入彈框
showDialogBoxInput() {
this.$refs['DialogBox'].confirm({
title: '更改昵稱',
placeholder: '請(qǐng)輸入修改的昵稱',
value: this.nickname,
DialogType: 'input',
animation: 0
}).then((res) => {
// 輸入框返回值res
this.nickname = res.value;
})
},
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
}
</style>