Vue
文章平均质量分 52
good法乐
太阳强烈、水波温柔
展开
-
moment的使用
moment插件日期时间方法总结原创 2022-08-02 09:20:17 · 1782 阅读 · 1 评论 -
Vue3.0中的变化
1.Vue3 简介2020 年 9 月 18 日,Vue.js 发布 3.0 版本,代号:One Piece(海贼王)原创 2022-04-09 01:10:32 · 395 阅读 · 0 评论 -
关于vue回车事件的刷新页面问题解析
页面文本框在点击回车时会刷新页面,而且只有第一次会触发刷新点击回车按钮后不仅页面会刷新,并且路由多了一个问号http://localhost:8080/?#这是因为在当前页面元素中只有一个文本框时,点击回车时会自动提交表单;W3C 标准中有如下规定:When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request原创 2021-02-22 16:09:54 · 1332 阅读 · 3 评论 -
get请求下载文件
axios.get('/system/platform/feedbackManager/findBuyUserFedbackPage', { responseType: 'blob', params: data }).then(res => { let url = window.URL.createObjectURL(new Blob([res.data])); let link = documen.原创 2020-11-09 15:31:30 · 1489 阅读 · 0 评论 -
Element-UI Popconfirm组件的确认事件
使用后发现文档中未提供点击确认事件猜测了一下是不是写到按钮的click事件上,组件会自动处理,试了一下不行于是去扒了下源码Popconfirm 事件原创 2020-09-25 14:21:55 · 2397 阅读 · 2 评论 -
VUE——解决跳页面跳转后 新页面没有位于顶部的问题
01 问题:页面通过路由调转后,新页面停留的位置与上一级页面一致02. 解决在配置路由时候 加上:scrollBehavior:() => ({ y = 0 }),const router = new VueRouter({ scrollBehavior: () => ({ y: 0 }), routes: [ ]})03. 原因使用组件缓存时 再次切换...原创 2020-01-08 10:40:27 · 2887 阅读 · 0 评论 -
Vuex
Vuex 概述Vuex 是什么Vuex 是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。使用 Vuex 统一管理状态的好处1、 能够在 vuex 中集中管理共享的数据,易于开发和后期维护2、 能够高效地实现组件之间的数据共享,提高开发效率3、 存储在 vuex 中的数据都是响应式的,能够实时保持数据与页面的同步一般情况下,只有组件之间共享的数据,才有必要存...原创 2020-01-04 09:35:39 · 127 阅读 · 0 评论 -
Vue-路由的基本概念与原理、vue-router的基本使用、嵌套路由、动态路由匹配、、命名路由、编程式导航
路由路由的本质就是对应关系:分为前端路由、后端路由后端路由概念:根据不同的用户 URL 请求,返回不同的内容本质:URL 请求地址与服务器资源之间的对应关系前端路由通过SPA 实现单页面内容更新、SPA实现原理:基于URL地址的hash(hash的变化会导致浏览器记录访问历史的变化、但是hash的变化不会触发新的URL请求)前端路由概念:根据不同的用户事件,显示不同的...原创 2019-12-18 19:01:28 · 363 阅读 · 1 评论 -
Vue-组件化思想、组件注册、组件之间传值(父传子、子传父、兄弟传兄弟)、组件插槽
组件化思想组件化思想所谓组件化,就是把页面拆分成多个组件,每个组件自己管理所依赖的 CSS、JS、模板、图片等资源、组件与组件之间通过特定的规则进行数据传递、就会行成树状结构组件注册全局组件Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用基础用法<div id="ex...原创 2019-12-15 20:36:52 · 196 阅读 · 0 评论 -
Vue-表单操作、自定义指令、计算属性(computed)、侦听器(watch)、过滤器、数组变异方法、响应式数据处理
表单操作表单基本操作获取单选框中的值:通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值,我们只需要实时...原创 2019-12-14 20:32:26 · 520 阅读 · 0 评论 -
Vue-生命周期与钩子函数
生命周期过程生命周期指的事物从出生到死亡的过程挂载→更新→销毁钩子函数Vue实例从创建 到销毁的过程 ,这些过程中会伴随着一些函数的自调用。我们称这些函数为钩子函数构子函数描述beforeCreate在实例初始化之后,数据观测和事件配置之前被调用 此时data 和 methods 以及页面的DOM结构都没有初始化 什么都做不了created在实...原创 2019-12-14 20:11:44 · 512 阅读 · 0 评论 -
Vue-基本使用、模板语法(插值表达式、指令、事件绑定、属性绑定、样式绑定、分支循环结构)
VueVue14年发布、16年2.0版本、特点():易用、灵活、高效是一套用于构建用户界面的渐进式框架vue使用基本步骤 <title>你好世界</title></head><body> <div id="app"> <div>{{msg}}</div> ...原创 2019-12-11 21:58:08 · 759 阅读 · 0 评论