js(vue)实现table(element table)固定上四行和左一列/table组件固定列和行

  • Post author:
  • Post category:vue

需求 今天领导提了个需求, 表格需要在纵表和横标之间转换, 并且, 可以固定左边第一列和上边第四行 , 用过table组件的都知道, 固定列很正常, 固定行我还没见过, 研究了一番, 发现事件也挺简单, 具体实现代码, 诸君请往下看. 解决思路 表格加载完毕后, 通过js给tr追加css样式 js追加css关键属性: position: 'sticky', 这个定位的大概意思就是, 在当前的盒子里…

继续阅读 js(vue)实现table(element table)固定上四行和左一列/table组件固定列和行

centos7或centos8下 Nginx安装&vue 配置nginx 反向代理

  • Post author:
  • Post category:vue

1、安装依赖和相关库: yum -y install gcc-c++ zlib-devel openssl-devel libtool 2、下载nginx安装包并解压: 进入指定目录 cd /usr/local 输入下载命令 wget http://nginx.org/download/nginx-1.17.6.tar.gz (这里注意 如果你是centos8版本 就下载 nginx-1.17.6…

继续阅读 centos7或centos8下 Nginx安装&vue 配置nginx 反向代理

vue篇

  • Post author:
  • Post category:vue

vue-router有两种传参方式 (1)通过在router.js文件中配置path的地方动态传递参数 eg: path: ‘/detail/:id’ 然后在组件内通过this.$route.params.id即可获取 (2)编程式导航router.push (3)声明式导航 2.vue同级组件之间的传值 1.如果式兄弟组件,可以通过父元素作为中间组件进行传值, 2.通过创建一个bus,进行传值 …

继续阅读 vue篇

vue3最新文档学习

  • Post author:
  • Post category:vue

@update 2022/4/22 @author helson 生命周期 vue2.0和vue3.0之间生命周期对比 vue2 vue3 beforeCreate setup created setup mounted onMounted beforeUpdate onBeforeUpdate updated onUpdated beforeUnmount beforeUnmount unmou…

继续阅读 vue3最新文档学习

avue消息提示框基本用法

  • Post author:
  • Post category:vue

Alert 组件,提供四种提示类别,由type属性指定,默认值为info。 Alert 组件,提供了两个不同的显示主题:light和dark。 Alert 组件,你可以设置是否可关闭,关闭按钮的文本以及关闭时的回调函数。closable属性决定是否可关闭,接受boolean,默认为true。你可以设置close-text属性来代替右侧的关闭图标,注意:close-text必须为文本。设置close…

继续阅读 avue消息提示框基本用法

vue还原数据

  • Post author:
  • Post category:vue

Object.assign(this.$data, this.$options.data()) 版权声明:本文为litCabbage原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/litCabbage/article/details/123794241

继续阅读 vue还原数据

vue中 computed和watch的一些简单理解(区别)

  • Post author:
  • Post category:vue

今天看到一个问题,就是 vue 的 computed 和 watch 要在哪些场景下使用,其实也就是在问他们的区别。computed 也就是计算属性,它可以帮助我们将在模板中的一些稍微复杂的逻辑计算放回到js代码中,方便理解与修改维护;就拿官网给的例子,如下代码片段。 <div id="example"> {{ message.split('').reverse().join('') …

继续阅读 vue中 computed和watch的一些简单理解(区别)

《基于Vue和七牛云开发的简易个人图床系统》

  • Post author:
  • Post category:vue

初看这个标题是不是很像论文题目?是的,最近在被毕业论文搞魔怔了哈哈,想着找点其他事情干缓解一下。 恰好最近苦于写笔记没法上传图片(之前使用某云作为图床,但现在某云关闭了这项功能),就想着做个个人图床玩玩(看到最后就知道为什么是“玩玩”了)。很快啊,立马开工。 技术栈选择 Vue.js + ElementUI Express 七牛云 准备工作 做这个个人图床之前,首先需要有一个七牛云的账号,同时需要…

继续阅读 《基于Vue和七牛云开发的简易个人图床系统》

Vue学习

  • Post author:
  • Post category:vue

1.Vue 官方介绍 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 引入方式 <script src="https…

继续阅读 Vue学习

2.vue脚手架项目配置

  • Post author:
  • Post category:vue

1.更改网站名: index.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 6 <title>时光…

继续阅读 2.vue脚手架项目配置