注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 进度条图片切换事件源码

  2. 利用vue实现点击事件切换图片的功能，主要是通过click点击事件来改变进度条，当进度条为0%的时候通过v-bind绑定的css样式来实现背景图片的切换

  3. 所属分类：Javascript

    • 发布日期：2019-05-07
    • 文件大小：42kb
    • 提供者：qq_40647912

  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
    • 文件大小：270byte
    • 提供者：chaochao1933

  1. vue实现样式之间的切换及vue动态样式的实现方法

  2. 主要介绍了vue中如何实现样式之间的切换及vue动态样式的实现方法，本文给大家介绍的非常详细，具有参考借鉴价值,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-08-28
    • 文件大小：50kb
    • 提供者：weixin_38553478

  1. vue实现tab切换外加样式切换方法

  2. 下面小编就为大家分享一篇vue实现tab切换外加样式切换方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-08-27
    • 文件大小：27kb
    • 提供者：weixin_38514322

  1. Vue点击切换Class变化,实现Active当前样式操作

  2. 主要介绍了Vue点击切换Class变化,实现Active当前样式操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：39kb
    • 提供者：weixin_38545517

  1. Vue点击切换Class变化,实现Active当前样式操作

  2. 刚入门Vue没多久，在制作过程中遇到很多简单实用的小技巧。 没有太多的墨水，直接上代码： 一、先在data里增加一个变量，用来储存当前点击的元素 data() { return { activeClass: -1, // 0为默认选择第一个，-1为不选择 }; }, 二、在Template里面的代码，切记在click方法里面要传index， <li :class="activeClass == index ? 'active':''" v-for="(item,inde

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：37kb
    • 提供者：weixin_38656462

  1. vue项目实现设置根据路由高亮对应的菜单项操作

  2. 高亮显示菜单是很常见的一个场景 首先，在router-link标签上绑定对应的路径 然后在css里面设置router-link-active类的样式即可切换路径的时候高亮对应的菜单 也可以在router路由数组里面设置meta信息，然后根据这个信息来判断是否高亮（这里可以循环生成菜单，不过我没有写）只是说一下思路 这样即可根据路由实现对应的菜单高亮了，我个人认为第二种比较灵活，如果菜单嵌套很多可以用第二种 补充知识：vuecli项目怎样使用jsx 有时候用jsx写页面可能更灵活，当然

  3. 所属分类：其它

    • 发布日期：2020-11-19
    • 文件大小：124kb
    • 提供者：weixin_38607026

  1. vue实现导航栏效果（选中状态刷新不消失）

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

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：115kb
    • 提供者：weixin_38666230

  1. vue+Vue Router多级侧导航切换路由(页面)的实现代码

  2. 当当当当当~我又来了。 在项目里经常会遇到侧导航切换页面的功能。 如果我们将侧导航做成公共组件，来调用的话，就会在每一个页面都引用该组件，在后期维护的时候比较麻烦，比如改参数。 所以此文将侧导航做成父页面组件，将切换的页面做成子页面，这样只需调用一次即可。大大减少了后期维护的麻烦 涉及功能点 侧导航支持多级 Vue Router的使用方法（ 官方文档 ） 子父组件的写法 样式：elementUI 效果图 实现 — 目录结构 — Vue Router的使用方法 首先安装 npm ins

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：96kb
    • 提供者：weixin_38522029

  1. Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能

  2. 2017年底了，总结了这一年多来的前端之路，Vue从入门到放弃，再二进宫，从 Vue1.0 持续跟踪到 Vue2.5。结合公司的一些实际项目，也封装了一些比较实用的组件。 由于现在公司管理平台主要运用Element UI，索性就结合组件Table 和 Pagination 封装了一个支持页面切换的Table组件，不啰嗦，直接上代码。 2、实现思路 2.1、Element UI 引入(整体引入) main.js // Element UI import Element from 'element

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：77kb
    • 提供者：weixin_38691739

  1. Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)

  2. 1、前阶段做了这个地址管理页面，实现的过程中遇到了很多的问题，好在最后实现了，在此记录一下： 首先是加载页面阶段ajax从数据库中获取数据，然后动态的显示在页面中，随后可以点击单个的编辑或删除进行相关操作，可以单击默认地址按钮进行样式切换，默认地址可以没有（单击选中和取消），但是如果设置默认地址则只能设置一个，好，下面我们来一步一步的实现。 2、我这里使用的是Vue.js，页面加载阶段很简单，直接在mounted声明一个方法，然后在方法中调用ajax请求访问数据然后通过v-for循环将数据放入

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：84kb
    • 提供者：weixin_38647039

  1. vue使用原生js实现滚动页面跟踪导航高亮的示例代码

  2. 需要使用vue做一个专题页面。滚动页面指定区域导航高亮。 监听滚动页面事件，对比当前页面的位置与元素的位置，如果当前滚动的区域位置大于元素的位置，导航添加class，其他去掉class进行样式切换。 我使用的方法是在定位元素上添加id，在导航添加data-id属性，监听滚动事件，如果当前滚动区域大于定位元素区域，将元素的id赋值给变量，然后与导航的data-id进行匹配，切换class。 html结构 main.vue <div class=qui

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：38kb
    • 提供者：weixin_38680492

  1. vue实现菜单切换功能

  2. vue实现菜单切换，点击菜单导航切换不同的内容以及为当前点击的选项添加样式，或者组件。 method里：  css: html代码： 学校新闻 就业新闻 <div v-if=Index == 2 c

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：31kb
    • 提供者：weixin_38529123

  1. vue实现样式之间的切换及vue动态样式的实现方法

  2. 前言 既然我们选择了vue，那么在做东西时就不要想着去操作dom，所有的都交给vue来解决。 下面来说一个很简单但是很常用的效果，可能人人都会用到这样的需求 请看下图 导航栏的样式切换功能，如果我们使用jquery之类的东西来写，可能要写好多代码，那么我们用vue呢， 代码如下 html 附上vue中style与class绑定API <div v-for=(list,index) in navLists class=nav :class={ red:changeRed == in

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：48kb
    • 提供者：weixin_38665804

  1. vue 实现用户登录方式的切换功能

  2. 一、vue 实现用户登录方式的切换 在 data 当中，定义一个标识符 loginWay，用来表示是用短信登录还是密码登录，true代表短信登录，false 代表密码登录，代码如下所示： data() { return { loginWay: true } } 在短信登录和密码登录上，进行动态样式绑定，loginWay为true就短信登录绑定动态样式on，loginWay为false就密码登录绑定动态样式on，并且也绑定点击事件，进行设置 loginWay的true和false，代码如

  3. 所属分类：其它

    • 发布日期：2020-12-28
    • 文件大小：68kb
    • 提供者：weixin_38613640

  1. vue-material-admin：Vue材料样式仪表盘后台管理系统模板-源码

  2. Vue材料管理员 基于Vue + Vuetify实现的后台管理系统模板，使用Material Design风格，支持响应式移动端，支持颜色主题修改，多语言切换，黑白模式切换 目录结构 ├─ public ├─ tests ├─ src │ ├─ assets │ ├─ mixins │ ├─ plugins │ ├─ router │ ├─ styles │ ├─ views │ ├─ app.Vue │ └─ main.js ├─ .browserslistrc ├─ e

  3. 所属分类：其它

  1. vue实现tab切换外加样式切换方法

  2. 实例如下所示： Title * { margin: 0; padding: 0; list-style: none } #app { width: 504px; height: 300px; margin: 100px auto; border: 1px solid #000; } ul

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：25kb
    • 提供者：weixin_38699830

  1. Vue.js样式动态绑定实现小结

  2. 在项目中，我们时常会遇到动态的去绑定操作切换不同的CSS样式，结合自身项目中遇到的一些情况，也参考了一些文档，针对vue.js样式的动态绑定切换做出如下小结： 动态切换的核心思想： 利用vue指令v-bind来实现动态绑定，从而设置切换不同的样式～ vue的最大特点是数据驱动，利用特殊的语法将DOM“绑定”到底层数据，DOM与数据保持同步，每当数据发生变化，DOM视图就会做出相应的更新和响应，正是基于这种特性，我们得以实现class和style的动态绑定～ （一定要充分理解数据驱动的含义，

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：62kb
    • 提供者：weixin_38634323

  1. vue实现选项卡及选项卡切换效果

  2. 这里不跟大家再去把Vue文档上的一些指令用法或者基础知识再复述一遍，既然是从入门到实战，我直接将平时项目中需要实现的一些效果拆分成模块。你们遇到了相关的指令或者不知道怎么用的方法自己对着文档去查，再回过头来看我的实现代码。记住，通读Vue文档真的很重要，很重要！ 这里的Vue以单文件的形式引入，另外代码在实现上会一步步的进行优化，客官不要着急！ 下面是一个样式稍微丑陋，但功能OK的选项卡。 <meta http-equiv=X-UA-Compatible content

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：60kb
    • 提供者：weixin_38563552

  1. vue实现选项卡及选项卡切换效果

  2. 这里不跟大家再去把Vue文档上的一些指令用法或者基础知识再复述一遍，既然是从入门到实战，我直接将平时项目中需要实现的一些效果拆分成模块。你们遇到了相关的指令或者不知道怎么用的方法自己对着文档去查，再回过头来看我的实现代码。记住，通读Vue文档真的很重要，很重要！ 这里的Vue以单文件的形式引入，另外代码在实现上会一步步的进行优化，客官不要着急！ 下面是一个样式稍微丑陋，但功能OK的选项卡。 <meta http-equiv=X-U

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：60kb
    • 提供者：weixin_38678550
« 12 3 »