首页 > 其他分享 >vue 遇到的问题 以后看一下

vue 遇到的问题 以后看一下

时间:2024-09-02 19:15:29浏览次数:7  
标签:vue console log 遇到 一下 modifyFlag value instance password

<template>     <div>       <el-button @click="openMessageBox">打开MessageBox</el-button>       <el-button @click="updateMessageBoxContent">打开MessageBox</el-button>       </div>   </template>       <script>
    import CustomInput from './CustomInputs';     export default {       data() {         return {           messageBoxContent: '初始内容',           password: '',           modifyFlag: false,         };       },           methods: {         openMessageBox() {           const h = this.$createElement;           this.$msgbox({             title: '消息',             message: h('div', null, [                 h(CustomInput, {                     key: new Date().getTime(),                     props: { value: this.password, modifyFlag: this.modifyFlag },                     on: {                         input: (value) => {                             this.password = value;                         },                     },                 }),             ]),             showCancelButton: true,             beforeClose: (action, instance, done) => {                 console.log(instance, '.........');                 console.log(instance.getMessage());                               if (action === 'confirm') {                 setTimeout(() => {                     done()                     setTimeout(() => {                         instance.confirmButtonLoading = false                     }, 300)                 }, 3000)                 // 在这里可以编写确认时的逻辑               } else {                 done();               }             }           }).then(action => {             // 用户点击按钮后的回调           }).catch(err => {             console.log(err);           });         },         updateMessageBoxContent() {           this.messageBoxContent = '更新后的内容';         }       }     };   </script>

标签:vue,console,log,遇到,一下,modifyFlag,value,instance,password
From: https://www.cnblogs.com/HePandeFeng/p/18393178

相关文章

  • 每日一题08:说一下Spring AOP动态代理模式
    回答1:SpringAOP使用的动态代理,所谓的动态代理就是说AOP框架不会去修改字节码,而是每次运行时在内存中临时为方法生成一个AOP对象,这个AOP对象包含了目标对象的全部方法,并且在特定的切点做了增强处理,并回调原对象的方法。SpringAOP中的动态代理主要有两种方式,JDK动态代理和CGL......
  • yarn运行vue项目命令
    yarn运行vue项目命令1、安装yarnnpminstallyarn-g2、安装项目依赖:yarninstall3、运行开发服务器:yarnserve4、构建生产环境代码:yarnbuild5、运行单元测试:yarntest:unit6、运行端到端测试:yarntest:e2e7、检查代码质量和格式:yarnlint8、修复代......
  • Vue3的学习---12
    12.AJAX与Axios框架12.1AJAX基础12.1.1AJAX简介AJAX(AsynchronousJavaScriptandXML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过AJAX,网页应用程序能够快速地与服务器进行异步通信,从而提高用户体验。AJAX的工作原理:创建XMLHttpRequest对象:这是AJA......
  • vue3+vite注册动态路由的实践
    //route/index.jsimport{createRouter,createWebHistory}from'vue-router'importHomeViewfrom'../views/HomeView.vue'//constcomp=()=>import('../views/AboutView.vue')//console.log('comp:>>......
  • [vue] jszip html-docx-js file-saver 图片,纯文本 ,打包压缩,下载跨域问题
    npminstalljszipfile-saverimportJSZipfrom'jszip';importFileSaverfrom'file-saver';JSZip创建JSZip实例:constzip=newJSZip();创建文件:支持导出纯文本zip.file("hello.txt","HelloWorld\n");创建文件夹:zip.folder("file")......
  • [vue] 按钮限制连点
    首先我们新建一个js文件,例如plugins.jsimportVuefrom'vue';constpointDoms=[];//使用这个指令的所有DOM对象Vue.directive('points',{inserted(el,binding){pointDoms.push(el);//存储使用这个指令的DOMel.addEventListener('click',()=>{......
  • Vue3 ref 和 reactive 的区别
    Vue3ref和reactive的区别文章目录Vue3ref和reactive的深度解析一、ref和reactive是什么二、vue3中如何使用ref和reactive三、ref和reactive包含哪些属性或方法API四、扩展与高级技巧五、优点与缺点六、对应“八股文”或面试常问问题七、总结与展望Vue3ref和......
  • vue实现页面顶部路由标签跳转
    在页面使用<!--活跃菜单--> <divclass="panel-group"ref="scrollPane"> <router-linkref="tag":to="menu.path"v-for="(menu,idx)inactiveRoutes" style="display:......
  • 基于SpringBoot+MySQL+SSM+Vue.js的学生选课系统
    获取见最下方名片获取见最下方名片获取见最下方名片演示视频基于SpringBoot+MySQL+SSM+Vue.js的学生选课系统(附论文)技术描述开发工具:Idea/Eclipse数据库:MySQLJar包仓库:Maven前端框架:Vue/ElementUI后端框架:Spring+SpringMVC+Mybatis+SpringBoot文字描......
  • 【vue、react】前端如何为package.json添加注释
    文章目录前言安装使用方法问题前言写了个项目,想给package.json加注释结果发现加不上去,就在网上查找了相关文章,特意总结记录一下,防止下次使用。参考文章:如何为package.json添加注释众所周知,JSON文件是不支持注释的,除了JSON5/JSONC之外,我们在开发项目特别是前端项目......