随笔分类 -  vue框架

摘要:运行脚手架命令:npm run serve 报错信息: Component name “Student“ should always be multi-word vue/multi-word-component-names 报错分析:根据提示信息可知是组件名出了问题,报错信息翻译过来大概就是组件名" 阅读全文
posted @ 2022-05-13 18:51 IT6889 阅读(1884) 评论(0) 推荐(0)
摘要:** element-ui ** 网站地址 : https://element.eleme.cn/2.13/#/zh-CN/component/changelog支持的前端框架 :Vue 、React 、Angular <!-- 引入样式 --> <link rel="stylesheet" hre 阅读全文
posted @ 2022-05-11 13:29 IT6889 阅读(4417) 评论(1) 推荐(1)
摘要:在项目开发中会遇到多个表单块同时做校验的情况,这时候会因为代码分散或者呈现在不同组件而无法一次性校验完成。 父组件调用 let valid = await this.$refs.formData.handleSubmitForm() 子组件 //在data中定义 refArr: ['form1',' 阅读全文
posted @ 2022-05-11 13:20 IT6889 阅读(433) 评论(0) 推荐(0)
摘要:1. 父组件 <el-main v-loading="loading"> <my-table :data="tyData" //表格数据 @selectionchange="selectionchange" //复选框多选 @getTableData="getdata" //获取列表数据 @show 阅读全文
posted @ 2022-05-11 13:18 IT6889 阅读(7783) 评论(0) 推荐(1)
摘要:vxe-table 一个全功能的 Vue 表格,满足绝大部分对 Table 的一切需求,与任意组件库完美兼容,它的功能是非常强大的 如果需要和大数据还有表格打交道, vxe-table是非常合适的,其他场景可以使用element-ui 处理; API: https://xuliangzhan_adm 阅读全文
posted @ 2022-05-11 11:12 IT6889 阅读(13503) 评论(0) 推荐(1)
摘要:文章目录一、vue3.0篇二、vue2.0篇1. vue生命周期?2. vuex是什么?以及组件传值?3.vue中自定义指令如何使用?4. 自定义指令的生命周期5. vue中的过滤器如何使用?6.组件通信?1. 父子组件之间传值(五种方式)- 父组件设置属性传,子组件通过props接收- this. 阅读全文
posted @ 2022-05-07 20:41 IT6889 阅读(909) 评论(0) 推荐(0)
摘要:修改el-table-column单独的样式: <template> <el-table :data="tableData" border style="width: 100%" :cell-style="setCellStyle" //写单独的方法 :header-cell-style="{ te 阅读全文
posted @ 2022-05-07 20:14 IT6889 阅读(1390) 评论(0) 推荐(0)
摘要:需求“前端缓存” 需求背景:解决表单高频率重复填报问题,要求打开页面自动填充上次录入的数据,数据存储期限为一周(7天有效期)。 说起缓存首先想到的则是 localstorage、sessionStorage 1. sessionStorage: 也称会话缓存,当用户关闭浏览器窗口后,数据就会被删除; 阅读全文
posted @ 2022-05-07 14:53 IT6889 阅读(4052) 评论(0) 推荐(0)
摘要:Vue2基础 https://blog.csdn.net/itxiaodong/category_11349082.html Vue3 基础 https://blog.csdn.net/itxiaodong/category_11644704.html 阅读全文
posted @ 2022-05-05 22:40 IT6889 阅读(56) 评论(0) 推荐(0)
摘要:1.index.html文件入口; 2.src放置组件和入口文件; 3.node_modules为依赖的模块; 4.cofig中配置了路径端口值等; 5.build中配置了webback的基本配置、开发环境配置、生产环境配置等。 main.js是我们的入口文件,主要用于初始化vue实例,并使用需要的 阅读全文
posted @ 2022-05-04 11:54 IT6889 阅读(325) 评论(0) 推荐(0)
摘要:vscode如何设置回车自动换行缩进? 要解决这个问题,首先文件 》首选项 》设置,查找tabsize,进入settings.json。 把"editor.autoIndent"的属性值改为false,即"editor.autoIndent": "false",就可以了。 或 改为 4 阅读全文
posted @ 2022-05-03 11:55 IT6889 阅读(3910) 评论(0) 推荐(0)
摘要:以vue为例 一、打开vscode>文件>首选项>用户片段>vue.json.code 二、编写代码块, 其中一行一句; $1是占位符,就是你可以输入的地方。 "Print to console": { "scope": "javascript,typescript", "prefix": "con 阅读全文
posted @ 2022-04-30 22:05 IT6889 阅读(366) 评论(0) 推荐(0)
摘要:vscode更改多行注释快捷键 1、文件->首选项->键盘快捷方式 2、找到注释: 3、在切换块注释上面选择更改键绑定 4、输入`ctrl+alt+/`之后按下`enter`键即可 1、文件->首选项->键盘快捷方式 2、找到注释: 3、在切换块注释上面选择更改键绑定 4、输入ctrl+alt+/之 阅读全文
posted @ 2022-04-30 19:38 IT6889 阅读(1431) 评论(0) 推荐(0)
摘要:每次点击菜单 Terminal/New Terminal,结果看到 Terminal 窗口闪了一下立即关闭。研究了一下,原因是,VS Code 把 Terminal 默认设成了 PowerShell,而我机器上的杀毒软件坚决不允许 PowerShell 运行。 所以,解决方案就是把这个默认的 Ter 阅读全文
posted @ 2022-04-28 22:33 IT6889 阅读(3470) 评论(0) 推荐(0)
摘要:vue: 是一套用于构建用户界面的渐进式JavaScript框架 渐进式: Vue可以自底向上逐层的应用: 简单应用: 只需一个轻量小巧的核心库 复杂应用: 可以引入各式各样的Vue插件 vue特点: 1. 采用组件化(一个.vue文件就是一个组件,直接引用组件即可)模式, 提高代码复用率,且让代码 阅读全文
posted @ 2022-04-28 09:10 IT6889 阅读(263) 评论(0) 推荐(0)