vue学习
向前端出发
weisian151
大家一起来学习,讨论
展开
-
VUE Element--生成不定列的表格
1、对于一些场景,前端可能需要展示不定列数的数据;譬如考勤,可能有的人是一天一次上下班打卡,有的人是一天两次上下班打卡。这个时候统计就需要更具人员做不同的展示,不能固定在前端写死列的属性。数据展示如下示例,tabledData为表头数据,tableList为业务数据,业务数据的每一条数据都需要包含表头数据的全部列才可以。真实开发中,后台可按照如下的示例开发接口,在初始化时异步获取数据即可。dataList是数据,tableDate为表头。原创 2023-09-08 14:53:08 · 513 阅读 · 0 评论 -
vue前端方法同步调用,防止异步顺序错误
vue方法执行顺序同步原创 2022-07-11 15:48:08 · 1577 阅读 · 0 评论 -
vue 引用全局js方法
1、编写一个目标js文件2、在main.js中引用这个公共方法3、代码调用处,直接调用方法4、效果图学海无涯苦作舟!!!原创 2022-04-26 09:41:49 · 5614 阅读 · 0 评论 -
nginx部署前端vue项目
通常我们会遇到一些前端单独运行的项目,没有后台,我们可以直接通过nginx的代理实现。本例已前端vue项目项目。1、将前端项目打包程dist包2、在服务器上部署nginx(1)、在nginx的官网下载nginx(官网:https://nginx.org/download/)本例已1.8.1版本为例子(2)、将tar包上传到/usr/local目录下,解压程文件夹解压命令:tar -zxvf nginx-1.8.1.tar.gz(3)、安装nginx的依赖执行命令:yum原创 2021-06-24 11:16:40 · 1443 阅读 · 1 评论 -
vue v-if和v-else无效果
1、在vue项目中,通常会遇到需要使用v-if和v-else标签来处理一些页面渲染的问题,有时候会出现渲染无效果的问题,如下:代码使用如上图,渲染结果如下图可以看到,这样写的时候,v-if和v-else标签内容都被渲染出来了,很明显这不符合我们的业务逻辑。解决办法如下:渲染效果可以发现,我们把p标签和h3标签的位置换一下,就可以了。原因分析:p标签是行内元素,h3标签是块级元素在进行嵌套的时候,块级元素可以嵌套kuai'jie...原创 2020-11-20 10:48:17 · 6292 阅读 · 4 评论 -
vue学习--mounted created watch computed methods区别
首先以上的几个模块的含义:data:定义一些需要使用的数据变量或者常量computed:同data一样,可以定义变量,变量的值通过方法计算得到watch:用于监听数据变化,等同于给数据绑定的onchange事件,一旦数据值改变就会执行方法体created:初始化执行,在html加载之前进行,所以可以改变data中的值,但是不会触发change事件,也不会触发到watchmounted:初始化执行,在html加载之后进行,所以改变data定义变量的同时,会触发chang事件method转载 2020-08-04 20:44:05 · 1538 阅读 · 1 评论