avue框架将左侧菜单栏换为顶置菜单栏

  • Post author:
  • Post category:vue

avue默认的左侧边栏如下: 修改为顶置菜单栏效果如下: 如何实现的? 一、先注释左侧边栏的部分 二、新建一个子组件topMenuList 版权声明:本文为weixin_44770377原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/weixin_44770377/article/details/105865…

继续阅读 avue框架将左侧菜单栏换为顶置菜单栏

vue elementUI去掉某个表格边框 修改el-table样式

  • Post author:
  • Post category:vue

vue elementUI去掉某个表格边框 修改el-table样式 1.仅改变某个表格样式,不改变其他表格样式。给el-table添加 class=“company-table” <el-table :data="tableData" :show-header="false" class="company-table"> <el-table-column prop="name"…

继续阅读 vue elementUI去掉某个表格边框 修改el-table样式

Vue 页面之间跳转过渡动画实现

  • Post author:
  • Post category:vue

实现效果: 1.首页-商品详情页 ,界面往左滑动; 2.商品详情页-首页,界面往右滑动; 3.同级页面跳转 不触发滑动效果; 项目地址 : https://gitee.com/wangLi1997/vue-app 演示地址: http://www.itdream.site/h5 感谢13大佬的项目支持: http://47.99.134.126:5000/#/home 1.路由/route.ind…

继续阅读 Vue 页面之间跳转过渡动画实现

VUE 3.0 新特性之 Composition API(组合式API)

  • Post author:
  • Post category:vue

在vue2.0项目中使用的是 选项API 写法 代码风格:data选项写数据,methods选项写函数...,一个功能逻辑的代码分散。 优点:易于学习和使用,写代码的位置已经约定好 缺点:代码组织性差,相似的逻辑代码不便于复用,逻辑复杂代码多了不好阅读。 什么是组合API写法 Compositon API? 代码风格:一个功能逻辑的代码组织在一起(包含数据,函数...) 优点:功能逻辑复杂繁多情况…

继续阅读 VUE 3.0 新特性之 Composition API(组合式API)

vue手写上一页下一页

  • Post author:
  • Post category:vue

上一页: this.openIsDisabled=true;----------》当前为第一页时关闭上一页按钮 this.closeIsDisabled=false;-----------》当前不是第一页时开放上一页按钮 下一页同理: 版权声明:本文为qq_39274996原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csd…

继续阅读 vue手写上一页下一页

vue实现简易计算器

  • Post author:
  • Post category:vue

功能介绍 1、可以实现加减乘除 2、可以实现归零 3、实现退格 效果图一般般,样式随便写的,主要看功能以及实现方法 代码加解释 1、HTML部分 首先布局,把要做的样子写出来,为每一个按键绑定一个点击事件 <div id="box"> <table> <tr> <td><input type="button"value="del" @click…

继续阅读 vue实现简易计算器

vue+django项目部署

  • Post author:
  • Post category:vue

vue+django项目部署 部署相关概念 项目服务器架构 反向代理 前端部署 docker docker安装(mac) 使用常见命令 nginx 下载安装nginx镜像 域名解析 后端部署 MySQL镜像 Redis镜像 部署前处理 从服务端项目中收集静态文件 uwsgi服务器执行django项目 容器中配置运行环境 静态文件的访问支持 部署相关概念 项目服务器架构 我们希望别人能够访问到我们的…

继续阅读 vue+django项目部署

vue+flv.js+SpringBoot+websocket实现视频监控与回放

  • Post author:
  • Post category:vue

vue+flv.js+SpringBoot+websocket实现视频监控与回放 需求:vue+springboot的项目,需要在页面展示出海康的硬盘录像机连接的摄像头的实时监控画面以及回放功能. 之前项目里是纯前端实现视频监控和回放功能.但是有局限性.就是ip地址必须固定.新的需求里设备ip不固定.所以必须换一种思路. 通过设备的主动注册,让设备去主动连接服务器后端通过socket推流给前端实现…

继续阅读 vue+flv.js+SpringBoot+websocket实现视频监控与回放

Vue知识点整理

  • Post author:
  • Post category:vue

MVVM模式 VM:也就是View-Model,做了两件事达到了数据的双向绑定 一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。 修饰符: 这是面试官常问的问题,Vue常用的修饰符有哪些?有什么应用场景? 关于表单的修饰符有如下三种 lazy trim num…

继续阅读 Vue知识点整理