t-dialog

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	x	√	x	x	x

示例

html

<template>
	<!-- #ifdef APP -->
	<scroll-view style="flex:1">
	<!-- #endif -->
		<view class="t-wrap">
			<view class="t-page__bd t-page__spacing">
				<t-button type="primary" margin="24rpx" @click="showDialog">打开窗口</t-button>
			</view>
			<t-dialog v-model:visible="visible" title="提示" content="提示内容提示内容提示内容提示内容"></t-dialog>
		</view>
	<!-- #ifdef APP -->
	</scroll-view>
	<!-- #endif -->
</template>

<script>
	export default {
		data() {
			return {
				visible: false,
			}
		},
		methods: {
			showDialog() {
				this.visible = !this.visible
			}
		}
	}
</script>

<style lang="scss" scoped>

</style>

Props

名称	描述	类型	默认值
visible	是否显示提示框	Boolean	false
title	提示框标题	String	提示
content	提示框内容	String
cancelText	取消按钮文本	String	取消
confirmText	确定按钮文本	String	确定

Events

事件名	描述	回调参数	版本
-	-	-	-

t-dialog ​

支持平台 ​

示例 ​

Props ​

Events ​

t-dialog

支持平台

示例

Props

Events