Cómo implementar la confirmación en vue.js
<.v- on:click="clickBtn(true)">Aceptar
< ;/div>
/?import?Vue?from? ¿Exportación 'vue'? ¿Predeterminado?{
nombre:'confirmCmp',
props:['título'],
datos()?{return? {
}},
métodos:{
clickBtn(b){ this.close(); //Escuche los cambios en los resultados y envíe notificaciones ( Se llama transmisión en angularjs, y angularjs proporciona servicios de emisión, transmisión y $on).
Los servicios Broadcast y $on se utilizan para enviar mensajes a niños y padres) this.$emit('result',?b);
},
open(){ documento. querySelector('.confirm').style.display='bloque'
},
Cerrar(){ document.querySelector('.confirm').style.display=' none'
}
},
montado()?{
/verticalmente centrado
var? windowHeight=ventana.innerHeight;
var?domObj=document.querySelector('.content');
var?domObjHeight=domObj.offsetHeight;
/ /console.log(domObjHeight) No sé por qué no puedo obtener la altura
var?top=windowHeight/2-77;
domObj.style.top= top+'px';
},
install(Vue){? //La parte principal que se llamará automáticamente cuando usemos Vue.use() es la instalación, que exporta. los componentes necesarios
p>
//console.log('confirmCmpInstall'); Vue.component('confirmCmp', this);
índice z:?3;
ancho:?260px;
margen:?auto;
posición:? relativo;
izquierda :?0;?derecha:?0; }
.top{ padding-left:?20px; fondo:?#f6f6f6; 212a31;*/ tamaño de fuente:?16px ; peso de fuente:?700; altura:?46px; altura de línea:?46px;
.center{ padding:?20px; line-height:?20px; font-size:?14px;
}
.bottom{ borde superior :?1px?solid?#D5D5D5; borde -bottom:?1px?D5D5D5; text-align:center; altura:?46px; fondo:?#f6f6f6;}
.bottom?button{ancho:?60px;?borde:?ninguno;?alto
t:?30px;?display:?inline-block;?}
.bottom?button:first-child{background-color:#1E9FFF;color:?white;margin-right:?3px}
.bottom?button:last-child{margin- left:?3px}