您的位置:首页技术文章关键词: Vue
文章列表
  • Vue实现菜单切换功能
  • 本文实例为大家分享了VUE实现菜单内容切换功能,供大家参考,具体内容如下完整代码<!DOCTYPE html><html> <head> <meta charset='UTF-8'> <title></title> <st...
  • 日期:2022-11-04
  • 浏览:24
  • 标签: Vue


  • vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
  • 本文实例讲述了vue 使用插槽分发内容操作。分享给大家供大家参考,具体如下:单个插槽除非子组件模板包含至少一个<slot>插口,否则父组件的内容将会被丢弃。当子组件模板只有一个没有属性的插槽时,父组件传入的整个内容片段将插入到插槽所在的 DOM 位置,并替换掉插槽标签本身。最初在<...
  • 日期:2023-02-02
  • 浏览:24
  • 标签: Vue

  • echarts.js 动态生成多个图表 使用vue封装组件操作
  • 组件只做了简单的传值处理,记录开发思路及echarts简单使用。这里默认所有图表样式一致,都为柱状图,如需其他类型,可查阅echarts官网文档,再动态传值即可。vue 使用组件 ------在外层用v-for 循环,传不同值进charts 即可 <!-- 传入对应的数据给子组件 --&g...
  • 日期:2023-01-04
  • 浏览:7
  • 标签: Vue

  • vue-cli或vue项目利用HBuilder打包成移动端app操作
  • 一、测试项目是否可以正确运行 指令:npm run dev1、首先我们先建立一个vue的项目,本人用的是vue-cli随便建立的,然后运行项目二、修改路径 (assetsPublicPath: ‘./’)1、 打开我们config中的js文件,修改assetsPublicPath的路径为'./'(下...
  • 日期:2022-12-23
  • 浏览:35
  • 标签: Vue

  • 解决Vue中使用keepAlive不缓存问题
  • 1.查看app.vue文件,这个是重点,不能忘记加(我就是忘记加了keep-alive)<template> <div> <keep-alive><router-view v-if='$route.meta.keepAlive'&...
  • 日期:2022-12-18
  • 浏览:45
  • 标签: Vue


  • vue数据更新UI不刷新显示的解决办法
  • vue比较常见的坑就是数据(后台返回)更新了,但是UI界面并没有更新,常见于以下情况:一、数据为数组时1.通过数组索引修改数组元素例如:此时UI数据并不会刷新2.修改数组长度时:解决方案:如果data为JSON数组则如下:第一个参数为要更新数据的数组,第二个参数为要更新的数组中具体的元素下标,第三个...
  • 日期:2022-12-14
  • 浏览:31
  • 标签: Vue

  • Vue左滑组件slider使用详解
  • slider组件与swiper组件不同,slider滑动时并不翻页,实现的是左滑时,显示右侧内容的功能1、主要思路思路和swiper组件类似,主要的也就是对三个触摸事件的处理:touchstart、touchmove、touchend在touchstart事件处理程序中记录一些初始值,比如原始坐标,...
  • 日期:2022-12-04
  • 浏览:35
  • 标签: Vue

  • Vue中使用HOC模式的实现
  • 前言HOC是React常用的一种模式,但HOC只能是在React才能玩吗?先来看看React官方文档是怎么介绍HOC的:高阶组件(HOC)是React中用于复用组件逻辑的一种高级技巧。HOC自身不是ReactAPI的一部分,它是一种基于React的组合特性而形成的设计模式。HOC它是一个模式,是一种...
  • 日期:2022-12-03
  • 浏览:36
  • 标签: Vue

  • Vue Object.defineProperty及ProxyVue实现双向数据绑定
  • 双向数据绑定无非就是,视图 => 数据,数据 => 视图的更新过程以下的方案中的实现思路: 定义一个Vue的构造函数并初始化这个函数(myVue.prototype._init) 实现数据层的更新:数据劫持,定义一个 obverse 函数重写data的set和get(myVue.pr...
  • 日期:2022-11-30
  • 浏览:25
  • 标签: Vue