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

搜索资源列表

  1. vue.js学习相关文件-测试代码

  2. 条件语句 v-if ,v-else,v-else-if。 后两者必须放在v-if之后 循环语句 v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。 Computed VS methods 我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。 事
  3. 所属分类:HTML5

    • 发布日期:2019-06-05
    • 文件大小:973824
    • 提供者:peterrabbit49
  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-10-16
    • 文件大小:25600
    • 提供者:weixin_38584642
  1. vue中v-for循环选中点击的元素并对该元素添加样式操作

  2. 主要介绍了vue中v-for循环选中点击的元素并对该元素添加样式操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:92160
    • 提供者:weixin_38549327
  1. vue中v-for循环选中点击的元素并对该元素添加样式操作

  2. 相信大家都会遇到这种情况:v-for循环时,我只需要点击到的元素做出相应反应,其他的元素不变;但是往往所有v-for循环出的元素都会变化。如下面的代码:我需要点击到的元素添加一个类样式,其他元素不变,但是这样会导致所有的元素都会变化 html: {{item.name}} css: .addclass{ color : red; } js: data:{ items :[
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:90112
    • 提供者:weixin_38641876
  1. 在Vue中使用icon 字体图标的方法

  2. 1.使用线上的阿里iconfont图标库 1.打开 iconFont官网 选择自己喜欢的图标,并且添加购物车 2.点击购物车,添加至项目 3 生成链接 4在我们的vue项目中,找到index.html文件,引入css样式,记住这里要放上你的链接地址 5接下来我们就可以在任何组件地方使用我们的图标了,我这里就是用上面生成的三个图标其中的一个。 2但是考虑网络及用户体验 阿里iconfont下载本地使用 1 阿里iconfont图标直接下载到本地 2 在assets文件下创建iconfont文件夹
  3. 所属分类:其它

    • 发布日期:2020-12-02
    • 文件大小:103424
    • 提供者:weixin_38600017
  1. vue 2.0封装model组件的方法

  2. 本文介绍了vue 2.0封装model组件的方法,分享给大家,希望对大家有所帮助 单文件组件 使用单文件组件封装model的模板、逻辑和样式,之后就可以在页面中调用此通用组件。 需求 model有两个使用场景: 1、备注/修改密码(简易): 在屏幕中垂直居中 2、添加/修改/展示信息(复杂): 距离屏幕顶部200px,内容过长时可滚动。 3、常规要求(共同点): 标题,关闭icon 点击确定/关闭/遮罩,隐藏model组件 分析上述需求点,得到如下图: wrapper:负责
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:218112
    • 提供者:weixin_38691199
  1. Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)

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

    • 发布日期:2020-12-13
    • 文件大小:86016
    • 提供者:weixin_38647039
  1. 使用vue.js写一个tab选项卡效果

  2. 通常我们写tab选项卡的时候,一般都是用jq等去操作dom,给同级元素移除active类,然后,给被点击元素添加active类,但是在vue.js中,我们能不去操作dom我们就尽量不操作dom,那么该如何实现呢? 如果使用过vue-router,那么你会发现,vue-router在使用的时候其实就相当于一个tab选项卡,在点击之后,被点击的router-link元素会默认被添加上一个router-link-active的类,我们只需要设置这个类的样式即可.(当然,router-link-act
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:38912
    • 提供者:weixin_38708841
  1. 在vue项目中正确使用iconfont的方法

  2. 1、打开 iconFont官网 选择自己喜欢的图标,并且添加购物车 2、点击购物车,添加至项目 3、下载至本地 4、把我们下载好的文件iconfont.css和iconfont.ttf放到项目assets文件夹下(可创建一个css文件或iconfont文件) 5、在main.js中引入iconfont.css样式 import './assets/iconfont/iconfont.css' 6、在在vue文件中引用 7、假如报错,需要下载css-loader依赖包 npm install
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:49152
    • 提供者:weixin_38700320
  1. vue实现菜单切换功能

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

    • 发布日期:2020-12-29
    • 文件大小:31744
    • 提供者:weixin_38529123
  1. vue-路由精讲 二级路由和三级路由的作用

  2. 1、我们继续上一个案例 vue — 路由精讲制作导航 — 从无到有 ,在 about文件夹下 创建一些文件夹。如下: 2、编写about.vue代码。当我们点击导航中 “关于我们” ,就会显示该部分内容。代码中写了四个可供点击后可以跳转的模块。和 表示你点击了哪个组件,哪个组件就会渲染到这里来。 其中注意:css样式,我们直接引入bootstrap中的导航的样式,在标签中直接添加class属性的值就可以了。 about.vue代码 //row
  3. 所属分类:其它

    • 发布日期:2020-12-28
    • 文件大小:137216
    • 提供者:weixin_38689857
  1. mpvue小程序循环动画开启暂停的实现方法

  2. 用小程序的 animation 属性实现循环动画的开启与暂停,并封装到组件。 实现一个字体图标组件的循环旋转动画开启/暂停 用于点击图标,字体颜色变换,开始循环旋转动画,并刷新内容 刷新结束,停止动画,并设置字体颜色为原来的 主要利用 setInterval 定时器循环执行动画 首先,组件写出来 添加点击事件,动画属性, style 属性(用来动态修改样式) src/components/refresh.vue <div class=iconfont i
  3. 所属分类:其它

    • 发布日期:2021-01-03
    • 文件大小:211968
    • 提供者:weixin_38737521
  1. vuePress-Blog:基于Vuepress框架构建的个人博客源码-源码搭建

  2. 安布罗斯的博客 介绍 这是一个基于vuepress建造的个人博客,目前仅添加了基本功能和基本样式,等待后续后续优化更新版本。 1.主题2.导航栏和侧边栏3.PWA支持4.评论功能(Valin插件)5.GitHub修改6.其他插件:plugin-back-to-top,plugin -pwa,默认主题,插件nprogress,待扩展 已优化相关:修改了默认主题的h1标签和滚动条为变化幅度色 待添加功能:时间轴,标签云,主题优化和特效(点击效果,背景效果) 尖端: PWA功能介绍:在移动端(手机
  3. 所属分类:其它

    • 发布日期:2021-03-24
    • 文件大小:48234496
    • 提供者:weixin_42107165
  1. vueCMS:vue手机端界面-源码

  2. 制作首页App组件 1.完成header区域,使用的是Mint-UI中的Header 2.制作底部的Tabbar区域,使用的是MUI中Tabber.html 在制作购物车小图标的时候操作会相对多一些 先把扩展图标CSS样式,复制到项目中 为购物车小图标添加以下样式mui-icon-extra mui-icon-extra-cart 3.要在中间区域放置一个router-view来展示路由匹配到的组件 改造tabbar为router-link 设置路由高亮 点击tabbar中的路由链接,展示对应的
  3. 所属分类:其它

    • 发布日期:2021-03-03
    • 文件大小:563200
    • 提供者:weixin_42168750
  1. node_app_1-源码

  2. node_app_1 您可以在查看正在运行的应用程序。 概括 该应用程序使用: Express.js后端框架 MongoDB数据库 Vue.js前端框架 SCSS和Bootstrap用于样式 用法 使用“ price.xlsx” excel文件将价格列表上传到数据库,您可以获得一个 输入关键字和/或数字,然后按“ Enter”键从服务器请求产品, 您可以在“标题”字段中输入多个以空格分隔的单词,以指定请求 点击“加载更多...”按钮,以请求10个其他产品 发展 在创建数据库 将“ .en
  3. 所属分类:其它

    • 发布日期:2021-02-13
    • 文件大小:87040
    • 提供者:weixin_42131342
  1. vue 动态修改a标签的样式的方法

  2. 公司要做一个类似今日头条的项目,用前后端分离的方式做成HTML5页面,先在微信中运行,领导说想看看效果怎么样。今日头条头部的导航是可以滚动和添加类别的,我们这个项目也是一样。所以在导航这个地方就需要在点击不同分类的同时,样式也是跟着变的,我在网上搜索了一下,发现了下面的代码,简洁清淅,不过具体网址忘记了,先把代码贴出来给大家看一下,想知道网址的可以去网上搜索一下。 Document <style type=text/css
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:92160
    • 提供者:weixin_38623255
  1. Vue实现active点击切换方法

  2. 循环的情况: 1、点击时传入index索引(获取当前点击的是哪个) click=active(index) 2、将索引值传入class(索引等于几就第几个添加active类) :class={active:index==ins} 3、在data里边添加ins:0(表示默认第一个添加active类) data{ ins:0 } 4、最后在methods里边添加方法 ctive (num) { this.ins=num } 非循环的情况: 1、在标签内写入点击事件和添加的class样式
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:73728
    • 提供者:weixin_38559346
  1. vue-列表下详情的展开与折叠案例

  2. 如下所示: 功能描述 1、默认折叠,点击时展示全部数据 2、点击A项,A展开,之后有两种情况:①再次点击A,A折叠;②点击其他项,如B,这时B展开,A折叠 解决方式 1、给展开折叠图标添加一个样式,显示成动画效果 .arrow{ position absolute width: 0.6rem; height: 0.3rem; top 2.0rem right 0.8rem background url(../../../assets/images/i
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:95232
    • 提供者:weixin_38592758
  1. Training-Program:一些无限小的工作-源码

  2. 无限小工作 一些无限小的工作 第一个练习:使用fetch和API去完成天气的显示 通过天气API获取几个城市的天气情况并且可以通过按钮进行切换 把城市的天气信息包裹到fetch方法中去进行请求 进阶玩法:切换城市的时候进行做一个翻牌效果(使用transform3d 第二个练习:实现tab效果的切换 通过这个练习的同时也学习Vue Router的原理 额外要求:每当点击一个tab时,url要进行变化和按需渲染 额外要求2:tab栏换到开头 第三个练习:带有输入提示的输入 输入内容会去查提示词并提供
  3. 所属分类:其它

    • 发布日期:2021-03-30
    • 文件大小:7168
    • 提供者:weixin_42117082
« 12 »