TvDialog 对话框 TV
该方法或组件支持轻应用调用

对话框组件

引入方式

数字生活小程序工程-TV模板，不需要 import，直接使用组件标签即可。

import { TvDialog } from '@21cnfe/tv-vui'
Vue.component('TvDialog', TvDialog)

代码演示

<tv-dialog
        v-model="isShowDialog"
        @confirm="confirm"
        @cancel="cancel"
        :title="'温馨提醒'"
        :content="'当前网络环境较差，请检查网络设置'"
        :defaultFocusBtnIndex="1"
        :showCancelButton="true"
        :lastFocusElement="dialogDomRecord">
</tv-dialog>

API

属性	说明	类型	默认值
`title`	弹窗标题	String	‘’
`content`	弹窗内容	String	‘’
`confirmBtnText`	确定按钮文字	String	‘确定’
`confirmBtnText`	取消按钮文字	String	‘取消’
`defaultFocusBtnIndex`	焦点默认聚焦按钮下标	Number	0
`showConfirmButton`	显示确定按钮	Boolean	true
`showCancelButton`	显示取消按钮	Boolean	true
`lastFocusElement`	设置关闭弹窗后，焦点转移元素	Object	null

Events

事件名称	说明	回调参数
`confirm`	点击了确认按钮	`--`
`cancel`	点击了取消按钮	`--`

1. TvDialog 对话框 TV 该方法或组件支持轻应用调用

TvDialog 对话框 TV 该方法或组件支持轻应用调用

引入方式

代码演示

API

Events

TvDialog 对话框 TV
该方法或组件支持轻应用调用