亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

<p>I have a simple <code>bootstrap-vue modal</code> that contains an <code>input text</code>. I want the <code>Ok</code> button to not automatically close when I press it, so I use "prevent". Then I do some validation and then want to close it using the "hide" method. But doesn't work for me. The strange thing is that the show method works completely fine. I checked the documentation and can't find where the error is. How do I make the hide method work for me at that point? Here is my code. </p> <pre class="brush:js;toolbar:false;"><template> <div> <b-button size="sm" class="m-2" variant="primary" @click="grfGuardarBtnPredefAccions()" >Guardar gráfica personalizada</b-button > <b-modal id="grfModalGuardar" ref="grfGuardarModal" title="Insertar nombre" @ok.prevent="grfModalOk" @cancel="grfModalCancel" > <p> Debe asignar un nombre a la gráfica personalizada que desea guardar. </p> <b-form-input v-model="grfModalPersoName" placeholder="Escriba aquí ..." ></b-form-input> </b-modal> </div> </template> <script> export default { name: "GrafTopMenu", components: { GrafEditor, }, data() { return { // stores the name that the user gives to the custom graph that is going to be saved. grfModalPersoName: "", }; }, computed: {}, methods: { /**actions performed by the save custom graph button*/ grfSaveBtnPredefActions() { let errormsg = ""; if (this.grfTableGrafica.tableConf.items.length == 0) { errormsg = errormsg "Cannot save an empty graph"; } if (!errormsg) { this.$refs.grfSaveModal.show(); } else { generalUtils.makeToast( "danger", 3000, "You cannot save an empty graph." ); } }, grfModalOk() { if (!this.grfModalPersoName.trim()) { generalUtils.makeToast( "danger", 3000, "The name cannot be empty." ); } else { console.log("ok"); console.log("this.grfModalPersoName :>> ", this.grfModalPersoName); console.log("this.grfTableGrafica", this.grfTableGrafica); this.$refs["grfSaveModal"].hide(); // this.$refs.grfSaveModal.hide(); } }, grfModalCancel() { this.grfModalPersoName = ""; }, }, }; </script> <style> </style> </pre> <p>我嘗試的語法：</p> <pre class="brush:js;toolbar:false;"> this.$refs.grfSaveModal.hide(); this.$refs['grfSaveModal'].hide(); this.$bvModal.hide('grfSaveModal'); </pre>

<b-modal id="bv-modal-example" hide-footer></b-modal>
//在script標簽中
this.$bvModal.hide('bv-modal-example')

this.$nextTick(() => {      
  this.$bvModal.hide('grfGuardarModal')
})