![](https://img-blog.csdnimg.cn/6fd907e640a24d3f8abc996debfda03e.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue.js有关的知识点,程序,代码示例等
lfkabb
这个作者很懒,什么都没留下…
展开
-
vue组件的使用及父子组件之间通信
之前了解到vue父子组件之间传值:父组件传给子组件:通过在页面引用里 传值:在父组件内引入子组件<childCompont :parmas="parentParmas"></childCompont>那么父组件的 parentParmas就会传入子组件内;子组件接收:props:{ parmas:Object //这里写数据类型 },子组件传给父组件一般通过事件://子组件<view @click="toParent">.原创 2021-11-26 17:15:31 · 497 阅读 · 0 评论 -
记录一次用vant框架做h5微信公众号
这次是用vant框架做一个h5微信公众号,是在我一同事封装的基础上开发的。封装的项目在gitee上的地址:湖南巨仑网络科技有限公司/vant-H5移动端封装 - Gitee.com。内容有底部导航的,轮播的,时间转时间戳的,axios请求的一些功能的封装。这样使用起来就方便一些。整个项目的目录是这样的:几乎所有页面都在components里面。路由写在router/index.js里面。看了同事封装的组件,我自己也会封装了一些。关于vant框架,大家可以参考官方文档:Vant..原创 2021-11-03 17:16:05 · 1065 阅读 · 0 评论 -
uniapp定时器定时刷新获取
要用uniapp做一个效果:页面定时刷新获取,根据时间变换状态。这里按钮有5种状态:预约,已预约,已售罄,未开始,已结束。要把当前时间和后端返回的时间做对比,如果还没到开始时间则显示未开始,如果到开始时间还未结束则有预约,已预约,已售罄。如果超过结束时间则显示已结束。后端返回的数据:主要要把now_time每秒+1和start_time,end_time作比较,代码如下 先html:<!-- 主要内容 --> <view class="mainCon...原创 2021-10-23 10:55:24 · 4479 阅读 · 0 评论 -
vue element ui el-select多选与后端传值
在vue element ui项目中遇到了多选后与后端传值的情况。后端接收方式是数组,我这边勾选后要转换成数组传给后端,然后请求到数据后也要转换成数组展现出来。效果图如下:代码展示:<template></template>:<el-form-item label="福利待遇:" prop="welfare_tag"> <el-select multiple defau原创 2021-06-23 16:23:20 · 10974 阅读 · 1 评论 -
vue v-bind:class 动态添加类以改变样式
要做成这样的点击切换的导航效果需要做点击添加类以改变样式在菜鸟教程上看到了一些方法,大家可以参考学习Vue.js 样式绑定 | 菜鸟教程 (runoob.com)但是为了实现效果,我这样写了:<view class="nav"> <view class="title_one" :class="{active:current==index}" v-for="(item,index) in list" @click="selectTitle(index)">..原创 2021-07-28 18:27:56 · 296 阅读 · 0 评论 -
vue element 框架做一个管理系统
首先,公司给我搭建好了element框架,然后根据框架在里面添加修改页面。框架文档地址:Element - 网站快速成型工具 和https://eleadmin.com/doc/eleadmin/#/最后的成型大概是:(现在还是测试数据)我在做此项目时框架还不是很熟悉,所以免不得走了一些弯路,我现在一一把项目中的难点整理出来。自己再复习巩固,也供大家参考。首先,element框架的路由是在菜单管理页添加的。如图:点击菜单管理——添加——上级菜单可不选,然后菜单名称为...原创 2021-06-23 15:13:35 · 553 阅读 · 1 评论 -
vue element ui 自定义组件的使用
前端菜鸟,都这个年代了,vue出来那么久了,自定义组件的使用,组件间的传值还不会使用~最近用element ui做了一个项目,终于用了一次自定义组件。下面是设计图:但是因为有几个界面的差异较大,不只是操作栏的按钮不同,所以这个要用自定义组件,根据上面状态栏的条件下面表格切换。文件布局如图:代码如下:jzdd.vue<template> <div class="el-body"> <el-card shadow="never"..原创 2021-06-23 17:57:54 · 3479 阅读 · 0 评论