您的位置:首页技术文章关键词: vue
文章列表
  • vue-iview动态新增和删除的方法
  • 本文实例为大家分享了vue-iview动态新增和删除的具体代码,供大家参考,具体内容如下参考链接:vue iview动态新增和删除我根据上面的博客进行了test和小修改,效果如下:源码如下:html代码<template> <Form ref='capsuleAttr' :mode...
  • 日期:2023-01-12
  • 浏览:138
  • 标签: Vue

  • vue 点击其他区域关闭自定义div操作
  • 方法一: 在外层div添加事件 @click='closeSel'htmlmethod closeSel(event){ var currentCli = document.getElementById('sellineName'); if(currentCli ){ if(!curr...
  • 日期:2023-01-05
  • 浏览:87
  • 标签: Vue

  • Vue+ElementUI 中级联选择器Bug问题的解决
  • 最近在项目中需要用到级联这么个控件,所以便去element上找了个,发现了个问题,在这里跟大家分享下,介于公司项目的隐私性,所以一些文字便给大家打上马赛克了,敬请谅解~不多说废话,直接上问题:ElemenUI的级联是通过子级字段递归进行显示的,但是假如后端老铁也用了递归写的数据,而递归到最后一个数据...
  • 日期:2022-12-20
  • 浏览:245
  • 标签: Vue

  • vue在App.vue文件中监听路由变化刷新页面操作
  • 在路由跳转时,会出现页面需要重新刷新一遍才能获取数据加载页面,这时添加一个监听器,如果跳转到页面刷新一次。export default { name: ’App’, provide(){ return{ reload:this.reload } }, data(){ return { isRou...
  • 日期:2022-12-07
  • 浏览:380
  • 标签: Vue

  • Vue 禁用浏览器的前进后退操作
  • 一.禁用前进后退功能在开发vue应用中,如何禁用浏览器的前进后退功能呢?网上搜到的答案基本如下:history.pushState(null, null, document.URL)window.addEventListener(’popstate’, function() { history.pu...
  • 日期:2022-11-29
  • 浏览:354
  • 标签: Vue

  • Vue使用路由钩子拦截器beforeEach和afterEach监听路由
  • 在路由跳转的时候,我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了三大类钩子,两种函数 1、全局钩子 2、某个路由的钩子 3、组件内钩子两种函数:1. router.beforeE...
  • 日期:2022-10-27
  • 浏览:77
  • 标签: Vue

  • vue中activated的用法
  • keep-alive<keep-alive>包裹动态组件的时候,会缓存不活动的组件实例,而不是摧毁他们。其是一个抽象的组件,自身不会渲染一个DOM元素,也不会出现在父组件链中。说白了被<keep-alive>包裹的组件其会被缓存废话不多说直接上例子.我们现在创建两个子组件co...
  • 日期:2022-10-13
  • 浏览:65
  • 标签: Vue

  • Vue实现聊天界面
  • 本文实例为大家分享了Vue实现聊天界面展示的具体代码,供大家参考,具体内容如下1.功能需求根据索引选择跟不同的人进行聊天2.代码展示mock.js:import Mock from ’mockjs’Mock.mock('/chatchild',{ ’result’:[{ ...
  • 日期:2022-09-28
  • 浏览:296
  • 标签: Vue

  • Vue Router根据后台数据加载不同的组件实现
  • 目录实际项目中遇到的需求有一些不好的实现方式个人感觉比较好的实现方式功能已实现,但我又开始了新的思考最终方案——高阶组件实际项目中遇到的需求同一个链接需要加载不同的页面组件。根据用户所购买服务的不同,有不同的页面展现。有一些不好的实现方式 直接把这几个组件写在同一个组件下,通过v-if去判断。...
  • 日期:2023-02-16
  • 浏览:106
  • 标签: Vue

  • vue 实现用户登录方式的切换功能
  • 一、vue 实现用户登录方式的切换在 data 当中,定义一个标识符 loginWay,用来表示是用短信登录还是密码登录,true代表短信登录,false 代表密码登录,代码如下所示:data() { return { loginWay: true }}在短信登录和密码登录上,进行动态样式绑定,...
  • 日期:2023-01-26
  • 浏览:299
  • 标签: Vue