vue

Vue过渡效果之JS过渡

  • Post author:
  • Post category:vue

前面的话 与 CSS过渡 不同，JS过渡主要通过事件进行触发。本文将详细介绍Vue过渡效果之JS过渡 事件钩子 JS过渡主要通过事件监听事件钩子来触发过渡，共包括如下的事件钩子 <transition v-on:before-enter="beforeEnter" v-on:enter="enter" v-on:after-enter="afterEnter" v-on:enter-canc…

继续阅读 Vue过渡效果之JS过渡

Vue表单绑定

  • Post author:
  • Post category:vue

01输入文本的绑定 文本框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width…

继续阅读 Vue表单绑定

vue写一个简单的信息管理系统

  • Post author:
  • Post category:vue

最近学习了vue,自己用bootstrap+vue写了一个信息管理系统，只有前端，没有后台，可以实现基本的增、删、改、查，具体效果在结尾处有附图 <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title></title>   …

继续阅读 vue写一个简单的信息管理系统

vue3封装post请求方法无法传递data类型的对象参数，困扰了一天终于解决

  • Post author:
  • Post category:vue

前言介绍： 使用 vue 最新版通过 request 封装 axios 请求后，发起携带 data ， json 对象的参数给后端 springboot 接口，始终无法进入后台接口，并且后台还要响应很久最后超时了很久才抛出异常，但是我用 postman 或者 swagger 却是秒响应，秒出结果，这个问题困扰了我一整天，然后百度查烂了也没得到合适的解决办法，下面分享干货。。。 @1 ，前端代码 v…

继续阅读 vue3封装post请求方法无法传递data类型的对象参数，困扰了一天终于解决

vue elementUI使用tabs与导航栏联动

  • Post author:
  • Post category:vue

不使用tabs标签页时，点击导航菜单，router-view映射相应的组件即可显示页面。但我们想在点击导航栏时在tabs中映射相应的组件，这就需要使用tabs组件 在slider.vue中点击路由后，把当前选择的路由@select使用bus传出去 <el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="co…

继续阅读 vue elementUI使用tabs与导航栏联动

vue监控网络变化,并随之改变字体颜色

  • Post author:
  • Post category:vue

监控网络变化,并随之改变字体颜色 在css中,定义一个没有网络时字体要显示的颜色: .changeColor{ color: #5f696e; } home.vue文件的template中: <div class="getCC">尊 敬 的 {{userName}} 用 户， 欢 迎 您 登 录 ~ </div> home.vue文件的script中 export defa…

继续阅读 vue监控网络变化,并随之改变字体颜色

Vue组件component创建及使用

  • Post author:
  • Post category:vue

Vue组件component创建及使用 组件化与模块化的区别 什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块 ，将来我们需要什么功能，就可以去调用对应的组件即可 组件化与模块化的不同： 模块化：是从代码逻辑的角度进行分析，方便代码分层开发，保证每个功能模块的只能单一 组件化：是从UI界面的角度进行划分，前端的组件化，方便UI组件的重用。 <…

继续阅读 Vue组件component创建及使用

Vue-router 路由详解 多级路由

  • Post author:
  • Post category:vue

今天我来分享一下vue路由方面的心得体会。 文章源码位置 https://github.com/JustDoIt521/originCoding/tree/master/vue-router-base 使用的脚手架为Vue3.0，IDE为VSCode 首先引入vue路由 cnpm install vue-router --save-dev 然后我们在src目录下建立文件夹router,并创建文件i…

继续阅读 Vue-router 路由详解 多级路由

关于VUE嵌套iframe的问题

  • Post author:
  • Post category:vue

因为使用iframe的src=赋值导致的回退问题，应该用iframe.contentWindow.location.replace。 直接用iframe的src赋值链接会向历史记录添加地址，导致用go(-1)不会真正的返回，需要多点几次才行 watch: { 'src.url'(newValue, oldValue) { setTimeout(() => { let iframe = thi…

继续阅读 关于VUE嵌套iframe的问题

Vue 源码解读（2）—— Vue 初始化过程

  • Post author:
  • Post category:vue

目标 深入理解 Vue 的初始化过程，再也不怕 面试官 的那道面试题： new Vue(options) 发生了什么？ 找入口 想知道 new Vue(options) 都做了什么，就得先找到 Vue 的构造函数是在哪声明的，有两个办法： 从 rollup 配置文件中找到编译的入口，然后一步步找到 Vue 构造函数，这种方式 费劲 通过编写示例代码，然后打断点的方式，一步到位， 简单 我们就采用第…

继续阅读 Vue 源码解读（2）—— Vue 初始化过程