vue

vue.js 兄弟组件之间的值传递方法

  • Post author:
  • Post category:vue

1、兄弟之间传递数据需要借助于事件车，通过事件车的方式传递数据 2、创建一个Vue的实例，让各个兄弟共用同一个事件机制。 3、传递数据方，通过一个事件触发bus.$emit(方法名，传递的数据)。 4、接收数据方，通过mounted(){}触发bus.$on(方法名，function(接收数据的参数){用该组件的数据接收传递过来的数据})，此时函数中的this已经发生了改变，可以使用箭头函数。 实…

继续阅读 vue.js 兄弟组件之间的值传递方法

VUEX的详细用法和介绍

  • Post author:
  • Post category:vue

vuex是使用vue中必不可少的一部分，基于父子、兄弟组件，我们传值可能会很方便，但是如果是没有关联的组件之间要使用同一组数据，就显得很无能为力，那么vuex就很好的解决了我们这种问题，它相当于一个公共仓库，保存着所有组件都能共用的数据。 那么，我们一起来看看vue项目怎么使用它吧。（如果你对vuex有一定了解，不是刚接触的小白，请忽略第一步，直接查看第二步） 一、适合初学者使用，保存数据以及获取…

继续阅读 VUEX的详细用法和介绍

antd vue pro 表格序号翻页后连续自增

  • Post author:
  • Post category:vue

loadData: parameter => { return getDepartmentList(Object.assign(parameter, this._queryParam)) .then(res => { let list 版权声明：本文为liulilili_dans原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https:/…

继续阅读 antd vue pro 表格序号翻页后连续自增

#vue# 如何设置element-ui form rules 非空校验？

  • Post author:
  • Post category:vue

使用element-ui form表单组件时，设置好以下的参数，即可在提交时，进行非空校验 form表单组件地址 https://element.eleme.cn/#/zh-CN/component/form 第一步： 在el-form-item 标签里将 prop 属性 设置为需校验的字段名即可 （注：prop的名字最好设置为与后端的字段相一致） <div class="detailed-…

继续阅读 #vue# 如何设置element-ui form rules 非空校验？

Vue-Router路由配置+公用尾部组件实例

  • Post author:
  • Post category:vue

1.编写layout组件，确定系统的大体结构。 2.在router文件夹的index.js中引入Vue-Router（先安装该依赖npm install vue-router），接着编写路由。 3.在main.js引入router文件夹下的路由（import router并在APP里嵌入router）。 4.建立新文件夹view，建立如下目录结构，其中layout是一级菜单下的二三级菜单的样式布局…

继续阅读 Vue-Router路由配置+公用尾部组件实例

【Vue实例四】利用Vue组件实现添加评论的功能

  • Post author:
  • Post category:vue

前面学到了Vue的组件功能，本文我们通过一个评论列表的案例来巩固下组件的内容，具体效果如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.bo…

继续阅读 【Vue实例四】利用Vue组件实现添加评论的功能

不同VUE项目之间传递、接收参数问题 踩坑

  • Post author:
  • Post category:vue

描述一下场景 UC(User-Center)是单独的一个项目，包括Spring Cloud + Vue, 服务项目是另一个项目，也是Spring Cloud+ Vue 这里主要针对是登录操作，我们为了完成SSO(Single Sign On)的效果，认证和授权在UC完成，用户发起资源请求，服务网关会进行过滤，判断请求头中是否有token以及token是否过期，不满足就会带着原访问资源项目的主页(这…

继续阅读 不同VUE项目之间传递、接收参数问题 踩坑

Vue中如何进行3D场景展示与交互（如Three.js）

  • Post author:
  • Post category:vue

Vue中如何进行3D场景展示与交互（如Three.js） 随着WebGL技术的发展，越来越多的网站开始使用3D场景来展示产品、游戏等内容。在Vue中，我们可以使用第三方库Three.js来实现3D场景的展示与交互。本文将介绍如何在Vue中使用Three.js来创建3D场景，并实现交互功能。 Three.js简介 Three.js是一个用于创建3D图形的JavaScript库。它基于WebGL技术，…

继续阅读 Vue中如何进行3D场景展示与交互（如Three.js）

Vue2.x实现this调用组件

  • Post author:
  • Post category:vue

长期以来，我都是通过父组件引入子组件的方式调用，比如一个Modal，一个Notice之类的，而很多UI框架都可以支持this.$xxx的方法调用展示，很羡慕，很自责，为啥我还在用这么low的方式？而且多个组件引入到父组件会造成层级过深，不利于渲染，而这种方式不仅优雅，而且可以直接将组件挂载到body里面，岂不是美滋滋 实现方法 1.一个Vue文件 <template> <div&…

继续阅读 Vue2.x实现this调用组件

vue强制刷新后跳转首页

  • Post author:
  • Post category:vue

问题 : vue使用Pubsub.js遇到了publish页面未打开触发subscribe页面订阅不到数据的问题，没办法只能在强制刷新页面后先自动跳转到publish页面触发 解决办法 ：在mounted内创建监听事件 window.addEventListener(‘load’, e => this.beforeunloadFn(e)); methods里写方法 beforeunloadF…

继续阅读 vue强制刷新后跳转首页