您的位置:首页技术文章关键词: vue
文章列表
  • 详解Vue之事件处理
  • 在Vue进行前端开发中,事件监听是必不可少的功能,本文通过简单的小例子,简述v-on的简单用法,仅供学习分享使用,如有不足之处,还请指正。监听事件可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。如下所示: <button v-on:click='cou...
  • 日期:2023-01-08
  • 浏览:179
  • 标签: Vue

  • vue-route路由管理的安装与配置方法
  • 介绍Vue Router 是 Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导...
  • 日期:2022-09-28
  • 浏览:141
  • 标签: Vue

  • vue中echarts图表大小适应窗口大小且不需要刷新案例
  • 我就废话不多说了,大家还是直接看代码吧~内容如下:// 基于准备好的dom,初始化echarts实例let myChart = this.$echarts.init(document.getElementById(’myChart’))//根据窗口的大小变动图表 --- 重点window.onres...
  • 日期:2023-01-03
  • 浏览:217
  • 标签: Vue

  • Vue文本模糊匹配功能如何实现
  • 模糊匹配功能在下拉菜单的组件中用的非常多,于是打算写几个demo看看细节上是如何实现的。一、最简单的模糊匹配:计算属性<!DOCTYPE html><html lang='zh-CN'><head> <meta charset='UTF-8'> &...
  • 日期:2022-12-21
  • 浏览:167
  • 标签: Vue

  • vue用elementui写form表单时,在label里添加空格操作
  • 要在密码两字中间添加空格,发现直接添加&nbsp; 是识别不了的,正确写法为:代码: <el-form-item label='密 码:' :label-width='formLabelWidth' prop='password'> <label slot='label...
  • 日期:2022-12-07
  • 浏览:288
  • 标签: Vue

  • Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
  • Vue+Bootstrap收藏(点赞)功能逻辑与具体实现(原创),供大家参考,具体内容如下点赞功能逻辑点赞功能说明:连接了数据库,在有登录功能的基础上。点赞功能具体实现目标,如下:1、用户点击一次加入收藏,数量加一,再次点击取消收藏,数量减一 ;2、当多用户收藏,喜欢数量累加 ;3、如果用户已收藏,...
  • 日期:2022-11-14
  • 浏览:200
  • 标签: Vue

  • vue动态合并单元格并添加小计合计功能示例
  • 1、效果图2、后台返回数据格式(平铺式)3、后台返回数据后,整理所需要展示的属性存储到(items)数组内var obj = { 'id': curItems[i].id, 'feeName': curItems[i].feeName, 'projectName': curItem...
  • 日期:2022-10-23
  • 浏览:159
  • 标签: Vue

  • 详解Vue中的自定义指令
  • 除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。在Vue里,代码复用的主要形式和抽象是组件。然而,有的情况下,仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。本文将详细介绍Vue自定义指令指令注册以一个input元素自动获得焦点为例,当...
  • 日期:2022-10-20
  • 浏览:28
  • 标签: Vue

  • vue中h5端打开app(判断是安卓还是苹果)
  • 1.开发环境 vue+vant2.电脑系统 windows10专业版3.在h5端开发的过程中,我们经常需要点击一个按钮来判断用户使用安装了app(首先判断是安卓还是苹果,然后判断是否安装了app,如果没有安装则跳转到下载页面,如果安装了则打开)。4.废话不多说,直接上代码:<div class...
  • 日期:2022-10-04
  • 浏览:48
  • 标签: Vue

  • 使用vue-cli创建项目并webpack打包的操作方法
  • 1.准备环境(nodejs下载和设置环境变量)2.全局安装vue-cli,提供vue命令进行创建vue项目npm install -g @vue/cli关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x...
  • 日期:2022-09-28
  • 浏览:263
  • 标签: Vue