您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. 黑马程序员vue.js项目实战视频教程全套(包含视频和笔记)完整版

  2. 课程目录 day1视频: 01.反馈 02.vue课程介绍 03.什么是Vue 04.为什么要学习前端的流行框架 05.框架和库的区别 06.MVC和MVVM的关系图解 07.Vue基本代码和MVVM之间对应关系 08.讲解v-cloak、v-text、v-HTML的基本使用 09.v-bind指令的学习 10.使用v-on指令定义Vue中的事件 11.跑马灯效果制作-上 12.跑马灯效果制作-下 13.事件修饰符的介绍 14.讲解v-model实现表单元素的数据双向绑定 15.使用v-mod
  3. 所属分类:Java

    • 发布日期:2019-07-16
    • 文件大小:270
    • 提供者:chaochao1933
  1. vue实现导航栏效果(选中状态刷新不消失)

  2. 主要为大家详细介绍了vue实现导航栏效果,选中状态刷新不消失,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  3. 所属分类:其它

    • 发布日期:2020-08-28
    • 文件大小:121856
    • 提供者:weixin_38526979
  1. vue实现点击追加选中样式效果

  2. 今天小编就为大家分享一篇vue实现点击追加选中样式效果,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-16
    • 文件大小:25600
    • 提供者:weixin_38584642
  1. Vue 基于 vuedraggable 实现选中、拖拽、排序效果

  2. 主要介绍了Vue 基于 vuedraggable 实现选中、拖拽、排序效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:71680
    • 提供者:weixin_38663197
  1. vue实现选中效果

  2. 本文给大家分享的是如何使用vue实现鼠标点击选中的效果,附上了实例代码,有需要的小伙伴可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-14
    • 文件大小:52224
    • 提供者:weixin_38686924
  1. vue.js实现简单购物车功能

  2. 本文实例为大家分享了vue.js实现简单购物车的具体代码,供大家参考,具体内容如下 这次我将给大家带来一个vue.js实现购物车的小项目,如有不足请严厉指出。 购物车功能有:全选和选择部分商品,选中商品总价计算,商品移除,以及调整购买数量等功能。 js主要有以下方法 加函数,减函数,手动修改数量判断库存函数,总价格计算函数,单选事件,全选事件,一共分为6个事件 具体效果如下图 代码在这里 main.js 'use strict' var app = new Vue({ el: '#app
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:59392
    • 提供者:weixin_38747087
  1. Vue 基于 vuedraggable 实现选中、拖拽、排序效果

  2. 今天有个朋友说要做个效果:Vue实现拖拽排序,要有 checked,输出结果是排序后的,要全选,未选中的不能拖动。 其实我之前基于 Sortable 做过一个类似的效果。也给他看过了,没看太明白,他就自己基于 vuedraggable 实现了一下。 正好有点问题给他解决了一下。废话不多说,先上最终效果:Vue 拖拽排序效果 测试地址。下面就是最终效果图。 效果一:实现选中 和 全选效果 就下面这样,elementUI 官方 Demo。很简单毫无挑战呀。 <el-checkbox :i
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:65536
    • 提供者:weixin_38565818
  1. vue实现导航栏效果(选中状态刷新不消失)

  2. Vue导航栏        用Vue写手机端的项目,经常会写底部导航栏,我这里总结一套比较方便实用的底部导航栏方法,并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看一下效果,底部的图标全是UI给的选中和未选中样式的图片,根据公司要求,你也可能会用fontsize去写。(全部代码黏贴到本文的最后面了) 1、首先把这些小图片放到src/assets路径下面(自动base64编码) 2、在data()里边定义一个选中对应的变量isSelect,和循环遍历的数组,数组下面放图标
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:117760
    • 提供者:weixin_38666230
  1. vue-router配合ElementUI实现导航的实例

  2. 在每个项目中路由是不可或缺的,最近学习vue-router和ElementUI配合使用实现导航栏,在学习的过程中遇到一个问题:点击浏览器的刷新之后页面停留在原来的位置,但是导航却是默认第一个。 由于接触前端时间不长,对于路由的概念不是特别清楚,按照文档写了之后完全不知道怎么下手了,请教了同事,同事的解决办法是利用vuex管理,但是vuex这块还没有接触过,所以这个问题就一直搁置了,今天周末自己在家学习偶然直到了可以使用$route.path设置默认选中的导航,但是设置之后没有什么效果,刷新时页面
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:45056
    • 提供者:weixin_38661852
  1. Vue列表如何实现滚动到指定位置样式改变效果

  2. 这个需求大概是这样子: 我做的一个聊天Demo,在搜索框搜索用户,可以滚动到指定的用户。然后成选中状态。 这是目前状态,我搜索南宫仆射 ,想要下面的用户列表直接滚动到南宫仆射并改变CSS样式。 查询之后是这个子: 嗯,我的思路: 在搜索框搜索到用户之后会返回一个用户对象,之后会调用列表的点击事件,改变CSS样式及做一些聊天的逻辑。然后需要获取到列表对应的id值,直接使用 document.getElementById(it).scrollIntoView(); 具体实现: 列表:使用vue的
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:173056
    • 提供者:weixin_38604395
  1. vue封装一个简单的div框选时间的组件的方法

  2. 前言 新年第一篇文章,记录一下我前段时间封装的一个vue组件吧。技术需要积累,有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react 两种方式的组件封装。今天简单写下鼠标框选div选中效果的封装吧。 div框选实现 div框选效果,其实没有什么好的方法,就是获取鼠标事件,根据鼠标的位置,动态创建一个跟随鼠标的div。【注:这种方式需要依赖position的定位方式,一般鼠标事件位置是针对全局的,所以鼠标框选的div 位置的position最好父级元素是根元素的定位。不然,鼠标框
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:75776
    • 提供者:weixin_38655011
  1. vue实现点击选中,其他的不选中方法

  2. 如下所示: 选中效果 <scr ipt src="../static/js/vue.m
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:24576
    • 提供者:weixin_38592502
  1. Vue.js实现的购物车功能详解

  2. 本文实例讲述了Vue.js实现的购物车功能。分享给大家供大家参考,具体如下: 使用计算属性,内置指令,方法等基础知识开发购物车。 需求分析:展示一个已经加入购物车的商品列表,包含商品名称、商品单价、购买数量和操作,以及最后确定是否选中商品的功能,总价格为选中商品的价格,够买数量可以增加减少,商品可以从购物车中移除。效果如图所示: ——实例来自《Vue.js实战》第五章 逻辑整理:vue实例定义一个数组list存放商品信息,定义方法与减少按钮,增加按钮等联系,动态改变商品数量,通过handleR
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:64512
    • 提供者:weixin_38617602
  1. 使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果

  2. 旋转叠加 平移 前段时间做Hybrid App,UI设计湿要求某一个页面的展示要实现滑动轮播效果,选中的内容卡片居中显示,上一个内容卡片和下一个内容以小一倍的大小显示在选中的卡片后头,而且要高斯模糊等等。。最骚的是滑动特效要是一个个旋转叠加。(摔! 当时用的是vue-cli-3 + ant-design-vue实现的页面,发现ant-design-vue里头有现成的Carousel组件可用,由于排期比较急,先暂时用这个实现了第一版,没有特效没有其他花里胡哨的展示。验收完第一版后,发现
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:105472
    • 提供者:weixin_38586186
  1. vue实现多级菜单效果

  2. 本次记录基于iview3框架实现多级菜单+vue router实现页面切换 方法一: 使用Tree 树形控件,官方文档 以官方demo为例,数据中添加URL属性,用于路由跳转,正式项目中该tree控件的数据由后端给出,需要注意的是后端给出的URL跳转地址最前一定要看清有没有”/” ,如果没有自己手动加或后端改,没有这个”/” 斜杠会导致路由跳转失败。 思路:根据官方文档里面写用on-select-change事件返回当前已选中的节点数组、当前项,就利用返回的当前项数据拿到URL,并使用route
  3. 所属分类:其它

    • 发布日期:2020-12-30
    • 文件大小:78848
    • 提供者:weixin_38645373
  1. vue实现点击追加选中样式效果

  2. DOM部分 {{item}} JS data(){ return{ menu:['首页','列表页','详情页'], index:0 } }, methods:{ son(item,idx){ this.index=idx; } } C
  3. 所属分类:其它

    • 发布日期:2020-12-30
    • 文件大小:24576
    • 提供者:weixin_38606300
  1. vue flex 布局实现div均分自动换行的示例代码

  2. 许久没有更新了,今天才意外发现以前还是没有看懂盒模型,今天才算看懂了,首先我们今天来看一下想要实现的效果是什么?当然适配是必须的,1920 或者 1376都测试过。效果如图所选中区域所示:  一、关于flex布局我建议去看一下http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html这篇博客,我们主要用到flex布局的一个换行属性,它是flex-wrap: wrap,自动换行。 二、vue代码 (1)html部分: <di
  3. 所属分类:其它

    • 发布日期:2020-12-28
    • 文件大小:212992
    • 提供者:weixin_38734361
  1. vue实现选中效果

  2. 前情提要 好久没有写Vue了,略有生疏,这个东西还是得多用。 下午看到一个需求,选择相册图片作为轮播图显示。接口返回相册列表,用户选一下再扔回去。 直到我看到e.target.className我就知道这个事情不简单。。 Vue是数据驱动 数据驱动这个是我觉得和jQuery不一样的地方。 jQuery是点一下,加个class,移个class。 Vue是点一下,数据记录,然后自动通知视图。 一个是把选中状态保存在了DOM,一个是把选中状态保存在了js数据模型里。 所以在看到了使用Vue然后获取D
  3. 所属分类:其它

    • 发布日期:2021-01-22
    • 文件大小:45056
    • 提供者:weixin_38647039
  1. 基于vue-cli 路由 实现类似tab切换效果(vue 2.0)

  2. 1,更改main.js 2,在App.vue中,写入两个跳转链接(router-link),分别跳转到“home”“About” (home、About即分别是两个组件) —-其中,为什么要使用, 请移步:http://router.vuejs.org/zh-cn/api/router-link.html —-router-view路由视图(必须) —-css可以使用外部样式 3,app.vue的样式如图。 —-.router-link-active这个class,是当路由path指向当前组
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:319488
    • 提供者:weixin_38654220
  1. vue实现放大镜效果

  2. 本文实例为大家分享了vue实现放大镜效果的具体代码,供大家参考,具体内容如下 实现类淘宝放大镜效果 前端小白一枚,最近在进行 vue 方面的学习,逛淘宝闲来无事想试试做个放大镜,结果虽然做出来了,但其中有一些问题让我无法解决,四处搜索也没有找到满意的答案,很是心烦,希望能有大佬帮忙解答,谢谢 步骤思路 对原图的显示空间(left) 可以将显示原图的 img 换成 canvas,来对图片进行保护 跟随鼠标移动时显示放大的指示区(鼠标层罩top) 显示层罩区域选中放大的显示空间(r
  3. 所属分类:其它

    • 发布日期:2021-01-18
    • 文件大小:55296
    • 提供者:weixin_38547882
« 12 »