vue.js
赵博林
众所周知,程序员都很懒...
展开
-
Vue的组件传值方式(重点)
内容提要:1. 父传子(`props`)2. 子传父(点击事件+$emit)3. 同级组件互传($on+$emit)4. 跨组件互传 ($attrs)1. vimport 快速导入组件import Parent from '@/views/Parent.vue';@ 表示 src路径2. 引入组件后一定要注册 ,然后使用组件components: { //注册组件 Parent}, //使用组件(首字母可小写)<Parent></Parent>原创 2021-04-02 16:28:44 · 304 阅读 · 4 评论 -
springboot+vue 实现前后端分离项目案例
一、页面展示:二、代码地址:GitHub三、 项目说明:这是一个 springboot 入门级的 demo,实现了前后端分离开发你可以学到的知识点有:前端:bootstrap 框架的使用,(模态框)vue.js 框架的引入和使用axios 向后台请求数据的过程 get,post后台:druid 数据库连接池的配置 和 MySQL驱动mybatis 的配置(驼峰命名开闭,别名设置,路径映射,默认日志)springboot 接口的编写,实现用户列表渲染和修改用户后原创 2021-04-01 23:09:10 · 719 阅读 · 1 评论 -
用 vue 快速做一个简单点的 TODO-LIST
思路整理主要涉及知识点:vue 如何创建并运行项目 vue create xxx;如何定义data() { return {} }及渲染数据 {{stu}};如何定义移除/增添函数; 添加form表单; 提交数据;filter() 方法的使用来遍历并过滤数组;如何阻止函数的默认行为: e.preventDefault() ;如何拷贝对象 const stu = Object.asign({}, this.stu) ;push() 方法的使用, 为数组添加元素清空表单代码块<原创 2020-10-16 23:02:27 · 553 阅读 · 2 评论 -
vue指令笔记总结(二)
前言最近用到 v-if 和 v-show 的指令,v-if是通过控制dom节点的存在与否来控制元素的显隐;v-show是通过设置DOM元素的display样式,block为显示,none为隐藏.v-if 对比 v-showv-if有更高的切换消耗;v-show有更高的初始渲染消耗v-if 是让这个dom 存在与不存在的问题,而v-show这个dom一直存在,只是显示与不显示。应用场景场景1:如何让一个组件重置呢,其实就是给这个组件v-if , 然后给false, 再给true 就可以了原创 2020-10-15 15:26:46 · 416 阅读 · 1 评论 -
Vue-elementUI - 项目中报错Error: Avoided redundant navigation to current location: “/xxx“.的解决方案
报错显示路由重复,对功能没有影响,可是强迫症看着不爽。具体表现: 重复点击 elementui 中 tab 栏菜单,会报这种错误。解决方案:// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push (location) { return originalPush.call(this, l原创 2020-07-21 13:38:23 · 3150 阅读 · 1 评论 -
如何升级vue项目中的element-ui的版本
1.首先卸载项目中的element-ui命令为:npm uninstall element-ui2.安装更新最新的element-ui命令为:npm i element-ui -S3.遇到的坑:报错:Module build failed: Error: ENOENT: no such file or directory, open 'D:\workspace\audit-web-v2.0\node_modules \element-ui\lib\element-ui.common.原创 2020-07-11 20:37:36 · 2949 阅读 · 2 评论 -
substring用法及vue中走马灯效果的实现
1.概述substring() 方法用于提取字符串中介于两个指定下标之间的字符。2.作用及语法stringObject.substring(start,stop)参数属性start必须stop可选注意二者都是非负整数(0,1,2,3,4…)3.实例1.括号中只有一个start参数时:<script type="text/javascript">var str="Hello world!"document.write(str.substrin原创 2020-06-16 23:08:16 · 1836 阅读 · 3 评论 -
vue指令笔记总结(一)
本节内容指令属性v-cloak解决代码闪烁v-text写入文本v-html写入html结构v-bind绑定js属性 缩写 :v-on绑定js时间 缩写 @代码块<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d原创 2020-06-16 15:45:39 · 696 阅读 · 5 评论