Vue 解决 组件切换 组件没有被销毁

  • Post author:
  • Post category:vue

Vue 解决 组件切换组件未销毁 解决方法 去掉 keep-alive <router-view keep-alive ></router-view> 解析: keep-alive 保留 组件状态 不销毁 去掉 keep-alive 不保留组件状态

继续阅读 Vue 解决 组件切换 组件没有被销毁

vuex学习

  • Post author:
  • Post category:vue

1.vuex中的getters配置项 src/Count.vue <template> <div> <h1>当前求和为:{{$store.state.sum}}</h1> <h3>当前求和的10倍为:{{$store.getters.bigSum}}</h3> <select v-model.number="n">…

继续阅读 vuex学习

vue 多点触控手势_移动端手势事件(多指操作)

  • Post author:
  • Post category:vue

在移动端开发中,现有的手势事件只有IOS上的浏览器支持,因此对其他设备上的浏览器手势事件我们必须在移动端的touchstart、toucmove、touchend事件上进行改造升级,下面就介绍下升级改造的移动端的手势事件。 移动端触摸事件(基础事件) touchstart— 触摸开始 touchmove— 触摸移动 touchend— 触摸结束 touchcancel— 触摸中断(在触摸过程中被打…

继续阅读 vue 多点触控手势_移动端手势事件(多指操作)

vue-element-ui table动态合并

  • Post author:
  • Post category:vue

项目开发用的是element-ui, table合并经常会被用到, 但table合并实在是令人头疼。(可能是我找不到正确的文档) 网上找到的教程基本上是设定一个全局的spanArr和pos去记录,可能创造者写的没什么问题,但后面的人抄来抄去,到读者手上的时候已经是非人类可以看懂的代码了,给开发带来了很多不必要的麻烦。 以下代码可直接运行,大家需要的话就复制去试一下,希望可以帮到您。 <!DO…

继续阅读 vue-element-ui table动态合并

一个不错的前端vue插件网站

  • Post author:
  • Post category:vue

轮子工厂 http://www.wheelsfactory.cn/#/home?filter=vue 版权声明:本文为qq_41619567原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/qq_41619567/article/details/84883530

继续阅读 一个不错的前端vue插件网站

vue的history模式,koa2及路由的配置方法

  • Post author:
  • Post category:vue

按上图所示,以public下的ww文件夹为例,故访问路径为http://www.abc.com/ww/ normal.js 注意顺序,如果/*优先注册,会导致ww这种二级目录失效,所以/*应该放最后 const Router = require("koa-router") const router = new Router() const fs = require("fs") const path…

继续阅读 vue的history模式,koa2及路由的配置方法

vue – 移动端实现对div的拖动功能

  • Post author:
  • Post category:vue

移动端实现对div的拖动功能,需要先要知道以下移动端的一些原生事件和方法;本质上和pc端的操作是一样的; pc端实现对div的拖动功能 : 链接 事件 方法 描述 touchstart 触摸元素时触发 touchmove 元素滑动时触发 touchend 触摸元素抬起时触发 方法 方法 描述 event.targetTouches[0].pageX 当前手指的X轴坐标,相对于浏览器页面或窗口 ev…

继续阅读 vue – 移动端实现对div的拖动功能

Vue路由(二)

  • Post author:
  • Post category:vue

使用nginx部署项目 web服务器: TOMCAT java html APache PHP html java IIS asp 和 asp.net undowtow java nodejs 它可以部署web服务器 nginx html php 部署前端,比较流行的一个web服务器 启动 CD到nginx目录 执行 nginx 或者 start nginx 或者 直接运行nginx.exe 关闭…

继续阅读 Vue路由(二)

vue实例创建

  • Post author:
  • Post category:vue

1、引入vue.js,方法很多 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script> <script type="mod…

继续阅读 vue实例创建

【Vue实用功能】Vue实现tab页多页面切换

  • Post author:
  • Post category:vue

Vue实现tab页多页面切换 实现路由发生变化时,新增一个tab标签页,点击其他标签时切换到对应的页面,刷新网页同时保留状态 这里就直接说它实现的代码就OK!!! VueX记录下每次新增后的tab标签页路由 store.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Sto…

继续阅读 【Vue实用功能】Vue实现tab页多页面切换