点数信息
www.dssz.net
注册会员
|
设为首页
|
加入收藏夹
您好,欢迎光临本网站!
[请登录]
!
[注册会员]
!
首页
移动开发
云计算
大数据
数据库
游戏开发
人工智能
网络技术
区块链
操作系统
模糊查询
热门搜索:
源码
Android
整站
插件
识别
p2p
游戏
算法
更多...
在线客服QQ:632832888
当前位置:
资源下载
搜索资源 - vue实现选中效果
下载资源分类
移动开发
开发技术
课程资源
网络技术
操作系统
安全技术
数据库
行业
服务器应用
存储
信息化
考试认证
云计算
大数据
跨平台
音视频
游戏开发
人工智能
区块链
在结果中搜索
所属系统
Windows
Linux
FreeBSD
Unix
Dos
PalmOS
WinCE
SymbianOS
MacOS
Android
开发平台
Visual C
Visual.Net
Borland C
CBuilder
Dephi
gcc
VBA
LISP
IDL
VHDL
Matlab
MathCAD
Flash
Xcode
Android STU
LabVIEW
开发语言
C/C++
Pascal
ASM
Java
PHP
Basic/ASP
Perl
Python
VBScript
JavaScript
SQL
FoxBase
SHELL
E语言
OC/Swift
文件类型
源码
程序
CHM
PDF
PPT
WORD
Excel
Access
HTML
Text
资源分类
搜索资源列表
黑马程序员vue.js项目实战视频教程全套(包含视频和笔记)完整版
课程目录 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
所属分类:
Java
发布日期:2019-07-16
文件大小:270
提供者:
chaochao1933
vue实现导航栏效果(选中状态刷新不消失)
主要为大家详细介绍了vue实现导航栏效果,选中状态刷新不消失,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
所属分类:
其它
发布日期:2020-08-28
文件大小:121856
提供者:
weixin_38526979
vue实现点击追加选中样式效果
今天小编就为大家分享一篇vue实现点击追加选中样式效果,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
所属分类:
其它
发布日期:2020-10-16
文件大小:25600
提供者:
weixin_38584642
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
主要介绍了Vue 基于 vuedraggable 实现选中、拖拽、排序效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
所属分类:
其它
发布日期:2020-10-15
文件大小:71680
提供者:
weixin_38663197
vue实现选中效果
本文给大家分享的是如何使用vue实现鼠标点击选中的效果,附上了实例代码,有需要的小伙伴可以参考下
所属分类:
其它
发布日期:2020-10-14
文件大小:52224
提供者:
weixin_38686924
vue.js实现简单购物车功能
本文实例为大家分享了vue.js实现简单购物车的具体代码,供大家参考,具体内容如下 这次我将给大家带来一个vue.js实现购物车的小项目,如有不足请严厉指出。 购物车功能有:全选和选择部分商品,选中商品总价计算,商品移除,以及调整购买数量等功能。 js主要有以下方法 加函数,减函数,手动修改数量判断库存函数,总价格计算函数,单选事件,全选事件,一共分为6个事件 具体效果如下图 代码在这里 main.js 'use strict' var app = new Vue({ el: '#app
所属分类:
其它
发布日期:2020-11-20
文件大小:59392
提供者:
weixin_38747087
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
今天有个朋友说要做个效果:Vue实现拖拽排序,要有 checked,输出结果是排序后的,要全选,未选中的不能拖动。 其实我之前基于 Sortable 做过一个类似的效果。也给他看过了,没看太明白,他就自己基于 vuedraggable 实现了一下。 正好有点问题给他解决了一下。废话不多说,先上最终效果:Vue 拖拽排序效果 测试地址。下面就是最终效果图。 效果一:实现选中 和 全选效果 就下面这样,elementUI 官方 Demo。很简单毫无挑战呀。 <el-checkbox :i
所属分类:
其它
发布日期:2020-11-20
文件大小:65536
提供者:
weixin_38565818
vue实现导航栏效果(选中状态刷新不消失)
Vue导航栏 用Vue写手机端的项目,经常会写底部导航栏,我这里总结一套比较方便实用的底部导航栏方法,并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看一下效果,底部的图标全是UI给的选中和未选中样式的图片,根据公司要求,你也可能会用fontsize去写。(全部代码黏贴到本文的最后面了) 1、首先把这些小图片放到src/assets路径下面(自动base64编码) 2、在data()里边定义一个选中对应的变量isSelect,和循环遍历的数组,数组下面放图标
所属分类:
其它
发布日期:2020-11-27
文件大小:117760
提供者:
weixin_38666230
vue-router配合ElementUI实现导航的实例
在每个项目中路由是不可或缺的,最近学习vue-router和ElementUI配合使用实现导航栏,在学习的过程中遇到一个问题:点击浏览器的刷新之后页面停留在原来的位置,但是导航却是默认第一个。 由于接触前端时间不长,对于路由的概念不是特别清楚,按照文档写了之后完全不知道怎么下手了,请教了同事,同事的解决办法是利用vuex管理,但是vuex这块还没有接触过,所以这个问题就一直搁置了,今天周末自己在家学习偶然直到了可以使用$route.path设置默认选中的导航,但是设置之后没有什么效果,刷新时页面
所属分类:
其它
发布日期:2020-11-27
文件大小:45056
提供者:
weixin_38661852
Vue列表如何实现滚动到指定位置样式改变效果
这个需求大概是这样子: 我做的一个聊天Demo,在搜索框搜索用户,可以滚动到指定的用户。然后成选中状态。 这是目前状态,我搜索南宫仆射 ,想要下面的用户列表直接滚动到南宫仆射并改变CSS样式。 查询之后是这个子: 嗯,我的思路: 在搜索框搜索到用户之后会返回一个用户对象,之后会调用列表的点击事件,改变CSS样式及做一些聊天的逻辑。然后需要获取到列表对应的id值,直接使用 document.getElementById(it).scrollIntoView(); 具体实现: 列表:使用vue的
所属分类:
其它
发布日期:2020-11-21
文件大小:173056
提供者:
weixin_38604395
vue封装一个简单的div框选时间的组件的方法
前言 新年第一篇文章,记录一下我前段时间封装的一个vue组件吧。技术需要积累,有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react 两种方式的组件封装。今天简单写下鼠标框选div选中效果的封装吧。 div框选实现 div框选效果,其实没有什么好的方法,就是获取鼠标事件,根据鼠标的位置,动态创建一个跟随鼠标的div。【注:这种方式需要依赖position的定位方式,一般鼠标事件位置是针对全局的,所以鼠标框选的div 位置的position最好父级元素是根元素的定位。不然,鼠标框
所属分类:
其它
发布日期:2020-11-29
文件大小:75776
提供者:
weixin_38655011
vue实现点击选中,其他的不选中方法
如下所示: 选中效果 <scr ipt src="../static/js/vue.m
所属分类:
其它
发布日期:2020-12-11
文件大小:24576
提供者:
weixin_38592502
Vue.js实现的购物车功能详解
本文实例讲述了Vue.js实现的购物车功能。分享给大家供大家参考,具体如下: 使用计算属性,内置指令,方法等基础知识开发购物车。 需求分析:展示一个已经加入购物车的商品列表,包含商品名称、商品单价、购买数量和操作,以及最后确定是否选中商品的功能,总价格为选中商品的价格,够买数量可以增加减少,商品可以从购物车中移除。效果如图所示: ——实例来自《Vue.js实战》第五章 逻辑整理:vue实例定义一个数组list存放商品信息,定义方法与减少按钮,增加按钮等联系,动态改变商品数量,通过handleR
所属分类:
其它
发布日期:2020-12-12
文件大小:64512
提供者:
weixin_38617602
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果
旋转叠加 平移 前段时间做Hybrid App,UI设计湿要求某一个页面的展示要实现滑动轮播效果,选中的内容卡片居中显示,上一个内容卡片和下一个内容以小一倍的大小显示在选中的卡片后头,而且要高斯模糊等等。。最骚的是滑动特效要是一个个旋转叠加。(摔! 当时用的是vue-cli-3 + ant-design-vue实现的页面,发现ant-design-vue里头有现成的Carousel组件可用,由于排期比较急,先暂时用这个实现了第一版,没有特效没有其他花里胡哨的展示。验收完第一版后,发现
所属分类:
其它
发布日期:2020-12-12
文件大小:105472
提供者:
weixin_38586186
vue实现多级菜单效果
本次记录基于iview3框架实现多级菜单+vue router实现页面切换 方法一: 使用Tree 树形控件,官方文档 以官方demo为例,数据中添加URL属性,用于路由跳转,正式项目中该tree控件的数据由后端给出,需要注意的是后端给出的URL跳转地址最前一定要看清有没有”/” ,如果没有自己手动加或后端改,没有这个”/” 斜杠会导致路由跳转失败。 思路:根据官方文档里面写用on-select-change事件返回当前已选中的节点数组、当前项,就利用返回的当前项数据拿到URL,并使用route
所属分类:
其它
发布日期:2020-12-30
文件大小:78848
提供者:
weixin_38645373
vue实现点击追加选中样式效果
DOM部分 {{item}} JS data(){ return{ menu:['首页','列表页','详情页'], index:0 } }, methods:{ son(item,idx){ this.index=idx; } } C
所属分类:
其它
发布日期:2020-12-30
文件大小:24576
提供者:
weixin_38606300
vue flex 布局实现div均分自动换行的示例代码
许久没有更新了,今天才意外发现以前还是没有看懂盒模型,今天才算看懂了,首先我们今天来看一下想要实现的效果是什么?当然适配是必须的,1920 或者 1376都测试过。效果如图所选中区域所示: 一、关于flex布局我建议去看一下http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html这篇博客,我们主要用到flex布局的一个换行属性,它是flex-wrap: wrap,自动换行。 二、vue代码 (1)html部分: <di
所属分类:
其它
发布日期:2020-12-28
文件大小:212992
提供者:
weixin_38734361
vue实现选中效果
前情提要 好久没有写Vue了,略有生疏,这个东西还是得多用。 下午看到一个需求,选择相册图片作为轮播图显示。接口返回相册列表,用户选一下再扔回去。 直到我看到e.target.className我就知道这个事情不简单。。 Vue是数据驱动 数据驱动这个是我觉得和jQuery不一样的地方。 jQuery是点一下,加个class,移个class。 Vue是点一下,数据记录,然后自动通知视图。 一个是把选中状态保存在了DOM,一个是把选中状态保存在了js数据模型里。 所以在看到了使用Vue然后获取D
所属分类:
其它
发布日期:2021-01-22
文件大小:45056
提供者:
weixin_38647039
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
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指向当前组
所属分类:
其它
发布日期:2021-01-19
文件大小:319488
提供者:
weixin_38654220
vue实现放大镜效果
本文实例为大家分享了vue实现放大镜效果的具体代码,供大家参考,具体内容如下 实现类淘宝放大镜效果 前端小白一枚,最近在进行 vue 方面的学习,逛淘宝闲来无事想试试做个放大镜,结果虽然做出来了,但其中有一些问题让我无法解决,四处搜索也没有找到满意的答案,很是心烦,希望能有大佬帮忙解答,谢谢 步骤思路 对原图的显示空间(left) 可以将显示原图的 img 换成 canvas,来对图片进行保护 跟随鼠标移动时显示放大的指示区(鼠标层罩top) 显示层罩区域选中放大的显示空间(r
所属分类:
其它
发布日期:2021-01-18
文件大小:55296
提供者:
weixin_38547882
«
1
2
»