1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- // myComponents/dialog/dialog.js
- Component({
- options: {
- multipleSlots: true // 在组件定义时的选项中启用多slot支持
- },
- /**
- * 组件的属性列表
- */
- properties: {
- // 弹窗标题
- title: { // 属性名
- type: String, // 类型(必填),目前接受的类型包括:String, Number, Boolean, Object, Array, null(表示任意类型)
- value: '标题' // 属性初始值(可选),如果未指定则会根据类型选择一个
- },
- // 弹窗内容
- content: {
- type: String,
- value: '弹窗内容'
- },
- // 弹窗取消按钮文字
- cancelText: {
- type: String,
- value: '取消'
- },
- // 弹窗确认按钮文字
- confirmText: {
- type: String,
- value: '确定'
- },
- // 是否显示Dialog
- isShown: {
- type: Boolean,
- value: false,
- },
- showFoot:{
- type:Boolean,
- value:true
- }
- },
- /**
- * 私有数据,组件的初始数据
- * 组件的初始数据
- */
- data: {
- // 弹窗显示控制
- isShow: false
- },
- /**
- * 组件的方法列表
- *
- */
- methods: {
- /*
- * 内部私有方法建议以下划线开头
- * triggerEvent 用于触发事件
- */
- _cancelEvent() {
- //触发取消回调
- this.triggerEvent("cancel")
- },
- _confirmEvent() {
- //触发成功回调
- this.triggerEvent("confirm"); //confirmEvent由调用方声明和定义,在调用方 bind:confirmEvent 来声明,在js中定义函数
- },
- close(){
- this.triggerEvent("cancel")
- }
- }
- })
|