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

  • ant design vue 表格table 默认勾选几项的操作
  • 为什么我同样的功能要用react 、vue 都写一遍 ?啊我真是不是闲的蛋疼啊(~ o ~)~zZ在 ant design vue 中,表格的第一列是联动的选择框截一张官方文档图,图示最后一排就是禁用状态点击 checkbox 会触发onChange , 从而得到selectedRowKeys,se...
  • 日期:2022-11-08
  • 浏览:48
  • 标签: Vue

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

  • 使用vue构建多页面应用的示例
  • 先了解一些单页面和多页面的区别 mm 多页应用模式MPA 单页应用模式SPA 应用构成 由多个完整页面构成 一个外壳页面和多个页面片段构成 跳转方式 页面之间的跳转是从...
  • 日期:2022-11-15
  • 浏览:53
  • 标签: Vue

  • 解决vue安装less报错Failed to compile with 1 errors的问题
  • 1、创建vue项目后安装less,执行 npm install less less-loader --save-dev下载版本为:less-loader@6.1.0 , less@3.11.3,重启服务报错,报错信息如下:2、报错原因 less 本版太高需要降低版本,执行代码先移除之前版本:npm ...
  • 日期:2022-11-15
  • 浏览:223
  • 标签: 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用mixin合并重复代码的实现
  • 在我们做项目的时候,往往有很多代码逻辑是通用的,比如说,业务逻辑类型的判断,时间戳的转换,url中字符串的截取等等,这些函数如果在每个需要的页面中都加入的话,不仅加重了当前页面的逻辑复杂程度,还会占用大量原本可以省略的内存。因此,将这些代码整理出来统一管理是很有必要的,在vue项目中,我们都知道模块...
  • 日期:2022-10-23
  • 浏览:57
  • 标签: Vue

  • vue完美实现el-table列宽自适应
  • 背景Element UI 是 PC 端比较流行的 Vue.js UI 框架,它的组件库基本能满足大部分常见的业务需求。但有时候会有一些定制性比较高的需求,组件本身可能没办法满足。最近在项目里就碰到了。很多页面都需要用到表格组件el-table。如果没有给el-table-column指定宽度,默认情...
  • 日期:2022-09-30
  • 浏览:24
  • 标签: 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