小超人日常码字

查找多方面材料后，自己认为飘红原因是因为ts不认这个resetFields方法，给他标注这个类型后，即可识别出来，功能正常使用let result = await (this.$refs[formName] as Vue & { validate: () => boolean }).validate();...

查找多方面材料后，自己认为飘红原因是因为ts不认这个resetFields方法，给他标注这个类型后，即可识别出来，功能正常使用(this.$refs[formName] as Vue & { resetFields: () => boolean }).resetFields();

重置表单可解决表单数据缓存的情况，每次打开dialog或者切页面时候，先清空表单和验证，保证每次表单都是干净的// formName为表单的ref值this.$nextTick(()=>{ this.$refs[formName].resetFields();})

element导航菜单标签使用<el-menu router :default-active="$route.path" class="el-menu-vertical-demo"> <el-menu-item index="/home"> <span slot="title" class=""> Home </span> </el-menu-

// 跳转到account路由页面，并传参param this(Vue).$router.push({name: 'account', params: { py: param// 获取传递的参数this.$route.params.py

在electron环境下的点击事件调出系统默认的浏览器并打开传入的链接<el-button @click="open('http://www.baidu.com')">点击跳转到百度</el-button>methods: { open(link) { this.$electron.shell.openExternal(link);...

父组件传值和方法，在子组件里使用在父组件里引入子组件，在父组件引入的子组件上自定义传递到子组件的属性和方法属性:子组件需要用到的变量=父组件传递到子组件的变量（:必须写，用属性绑定的方式传值）例如 :moneyTotal=money方法用 @closePage="close"<父组件> <子组件 :moneyTota...

首先全局安装yarnnpm install yarn -g设置yarn的下载源为淘宝镜像yarn config set registry https://registry.npm.taobao.org查看镜像是否切设置成功yarn config get registry全局安装vue-cli脚手架yarn global add @vue/cli查看是否安装成功vue -V 如果命...

1. MVVM设计模式m：model 数据部分 datav：view 视图部分 div容器vm： view&model 视图和数据的结合体2. 插值表达式在html标签的内容区域表现数据，可以使用{{}}插值表达式。<标签>{{ 表达式 }}</标签>{{ }}在data值大小不改变的前提下，其中可放置变量、常量、算数运算符、比...

1. vue.config.js配置module.exports = { lintOnSave: false, devServer: { open: true, port: 8080 }}2. 创建单文件组件 .vue<template> <div id="father"> <p>大盒子</p> ...

1.1 Vue简单使用目标元素内容区域元素属性元素绑定事件v-model双向数据绑定遍历指令步骤创建div容器引入vue.js文件实例化对象注意：Vue需要有目标操作容器，可以是div、p、span等等许多标签，一般推荐用div{{}}等vue的内容要放到div容器里{{}}双花括号是vue的语法el、data是vue内部固定的标志名称data内部...