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

搜索资源列表

  1. vue学习1--10

  2. 绑定数据,循环数组 Vue绑定属性,绑定html,绑定class,绑定style Vue及双向数据绑定,v-model,v-on:click,以及ref获取dom节点 Vue点击事件,方法,获取数据,改变数据,事件对象及自定义属性 demo练习,实现todolist效果1 demo练习,实现todolist效果2 demo练习,todolist使用localStorage实现数据的永久存储 Vue中创建组件以及使用组件
  3. 所属分类:Javascript

    • 发布日期:2019-04-13
    • 文件大小:173015040
    • 提供者:zhaihaohao1
  1. VUE常用方法整理.pdf

  2. vue的常用方法总结 第一章 Vue核心知识讲解 5 第二节 引包、留坑、实例化 、插值表达式{{}} 5 1. 引包 5 2. 留坑 5 3. 实例化 5 4. 插值表达式{{ }} 5 第三节 熟悉及使用常用指令 5 1. 什么是指令 5 2. 常用的指令有哪些,及怎么使用这些指令 6 第四节 阐述vue单双向数据流及事件绑定 6 1. vue单向数据流绑定属性值 v-bind: (属性) 简写 :(属性) 6 2. vue双向数据流 v-model 只作用于有value属性的元素 7 3.
  3. 所属分类:Web开发

    • 发布日期:2020-03-28
    • 文件大小:1048576
    • 提供者:jobinchan
  1. 详解vue事件对象、冒泡、阻止默认行为

  2. 本篇文章主要介绍了详解vue事件对象、冒泡、阻止默认行为,这里整理了详细的代码,有需要的小伙伴可以参考下。
  3. 所属分类:其它

    • 发布日期:2020-08-31
    • 文件大小:31744
    • 提供者:weixin_38638688
  1. Vue实现剪切板图片压缩功能

  2. 监听剪切板粘贴事件,读取剪切板中的图片文件,转成base64通过img标签显示出来,此时可能会存在剪切板中图片过大,产生上传速度慢问题,接下来就跟大家分享下如何将base64图片进行压缩。先跟大家展示下最终实现的效果: 实现思路 监听剪切板粘贴事件 从事件回调中获取clipboardData中的image对象声明一个变量接收该对象 使用reader.readAsDataURL方法加载clipboardData中的image对象 在reader.onload回调中获取图片bas
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:172032
    • 提供者:weixin_38617615
  1. vue拖拽组件使用方法详解

  2. 前言 pc端开发需要拖拽组件完成列表的顺序交换,一般移动端的UI组件会包含,但是我在用的iview并没有此功能的组件,于是手写一个,实现起来很简单。效果图如下: 可以拖拽完成新排序,点击某一项可以触发相关事件. 关于拖拽 drag & drop 拖放(Drag 和 drop)是 HTML5 标准的组成部分。 拖拽对象 dataTransfer对象,只能在拖放事件的事件处理程序中访问。重要属性: effectAllowed ( none | copy | copyLink | copyMo
  3. 所属分类:其它

    • 发布日期:2020-12-02
    • 文件大小:58368
    • 提供者:weixin_38519060
  1. vue绑定的点击事件阻止冒泡的实例

  2. 当我们在使用vue做项目时,经常用到点击事件的绑定,但是我们绑在一个div上,里面的其他按钮(如删除、修改)等按钮也会加载这儿div的点击事件,而事实我们不需要,如何解决: 首先我们来区分事件冒泡、事件捕获是什么 (1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html ->
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:39936
    • 提供者:weixin_38723373
  1. 详解vue 数据传递的方法

  2. 组件(Component)是 Vue.js 最强大的功能。组件可以封装可重用的代码,通过传入对象的不同,实现组件的复用,但组件传值就成为一个需要解决的问题。 1.父组件向子组件传值 组件实例的作用域是孤立的。这意味着不能在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据,我们需要通过子组件的props选项。 子组件: 子组件需要从父组件获取 logo 的值,就需要使用 props: [‘logo’] 父组件: 2.子组件向父组件传值 子组件主要通过事件传递数据给父组件。
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:299008
    • 提供者:weixin_38631331
  1. vue页面切换项目实现转场动画的方法

  2. 前言 移动端, 使用vue为了良好的用户体验, 会需要实现APP形式的切换页面的左滑和右滑效果 实现原理, vue的过渡 & 动画 技术栈: vue + vue-router 解决思路 区分前进 和 后退的路由 网上搜索的资料, 找到了两种 监听popstate事件 window.addEventListener('popstate', function (e) { // 用来判断是否是后退, 在判断后需要在其他地方重置 router.isBack = true },false)
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:51200
    • 提供者:weixin_38576779
  1. 通过源码分析Vue的双向数据绑定详解

  2. 前言 虽然工作中一直使用Vue作为基础库,但是对于其实现机理仅限于道听途说,这样对长期的技术发展很不利。所以最近攻读了其源码的一部分,先把双向数据绑定这一块的内容给整理一下,也算是一种学习的反刍。 本篇文章的Vue源码版本为v2.2.0开发版。 Vue源码的整体架构无非是初始化Vue对象,挂载数据data/props等,在不同的时期触发不同的事件钩子,如created() / mounted() / update()等,后面专门整理各个模块的文章。这里先讲双向数据绑定的部分,也是最主要的部分。
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:102400
    • 提供者:weixin_38674569
  1. electron + vue项目实现打印小票功能及实现代码

  2. 一 需求: 公司项目需要通过electron调用系统打印机,实现打印小票的功能。 二、分析: electron打印大概有两种: 第一种:通过window的webcontent对象,使用此种方式需要单独开出一个打印的窗口,可以将该窗口隐藏,但是通信调用相对复杂。 第二种:使用页面的webview元素调用打印,可以将webview隐藏在调用的页面中,通信方式比较简单。 两个对象调用打印方法的使用方式都一样。 本文是通过第二种方法实现静默打印。 三、实现过程: 1、要实现打印功能,首先要知道我们的
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:60416
    • 提供者:weixin_38743602
  1. Vue.js中对css的操作(修改)具体方式详解

  2. 使用v-bind:class或者v-bind:style或者直接通过操作dom来对其样式进行更改; 1.v-bind:class || v-bind:style 其中v-bind是指令,: 后面的class 和style是参数,而class之后的指在vue的官方文档里被称为’指令预期值’(这个不必深究,反正个人觉得初学知道他叫啥名有啥用就好了)同v-bind的大多数指令(部分特殊指令如V-for除外)一样,除了可以绑定字符串类型的变量外,还支持一个单一的js表达式,也就是说v-bind:clas
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:62464
    • 提供者:weixin_38703895
  1. 详解Vue 实例中的生命周期钩子

  2. Vue 框架的入口就是 Vue 实例,其实就是框架中的 view model ,它包含页面中的业务处理逻辑、数据模型等,它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。 Vue 实例 在文档中经常会使用 vm 这个变量名表示 Vue 实例,在实例化 Vue 时,需要传入一个选项对象,它可以包含数据(data)、模板(template)、挂载元素(el)、方法(methods)、生命周期钩子(lifecyclehook)等选项。 Vue 实例化的选项 需要注
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:74752
    • 提供者:weixin_38621150
  1. vue实现在v-html的html字符串中绑定事件

  2. 需求: 需要在v-html的html字符串的button中绑定点击事件,需要点击后做一些操作,必须渲染成html,但是渲染后的html里面写绑定事件的代码没有经过vue编译,所以事件无效。 computed: { html () { return '' }, }, 解决办法: 在v-html同级元素中使用事件绑定,然后根据事件触发的目标对象去
  3. 所属分类:其它

    • 发布日期:2020-12-30
    • 文件大小:31744
    • 提供者:weixin_38584642
  1. VUE撸了一个袜子商店,写写技术日记

  2. vue的一些零散知识 大体目录如下 实例创建 属性绑定 条件渲染 列表渲染 事件触发 class绑定 计算属性 组件化开发(父子相互传递数据) 表单实现 Tabs 开源源码 一.VUE对象和vue实例 如何使用Vue实例开始编写Vue应用程序,以及如何将基本数据加载到网页上。 Vue实例是每个Vue应用程序的根 Vue实例插入到DOM中的一个元素中 Vue实例的数据可以使用称为表达式的类似于mustache的语法{{}}来显示。(放data然后再处理) Vue是响应式的,原例改变 后面跟着变 二
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:50176
    • 提供者:weixin_38679449
  1. Self-Vue:尝试自己实现vue源码(自我实现的vue源代码)-源码

  2. Self-Vue(自己实现的vue监听数据变化和双向绑定源码) 你可以下载代码或者通过查看演示实例赋值给了变量变量app,你可以在输入框尝试双向绑定效果,你也可以在控制台修改app的message和title属性或app.data中的message和title属性来尝试数据监听效果(其中您可以使用self-vue.js来实现和vue核心一样的事情。 项目描述:自己实现的vue源码(自我实现的vue源代码)目前v-model命令,响应式对象,副本,双向绑定已经完成 基本原理:非数组使用object
  3. 所属分类:其它

    • 发布日期:2021-03-23
    • 文件大小:4096
    • 提供者:weixin_42160398
  1. Back-stage-Management:Vue + Express博客后台管理系统(前后台)-源码

  2. Vue + nodejs + MongoDB后台管理系统。到现在大概5天的时间,先写个总结。 Vue负责前端页面的展示,路由功能到Vue-router。 Express不写路由,只负责写api接口,使用mongoose与MongoDB数据库进行数据交互,实现前逐步解压缩。 在UI框架的选型上还是不太满意,写过之后才发现Iview框架有过多的缺陷,某些菜单项中存在路由转换功能,需要通过点击事件返回的name值,通过编程式导航的方式来进行路由路由router.push() ,再来就是文档写得不是
  3. 所属分类:其它

    • 发布日期:2021-03-11
    • 文件大小:772096
    • 提供者:weixin_42123237
  1. Vue第一章:模板语法.docx

  2. 本章节详细介绍了vue的入门使用,和一些语法模板的使用方法,并且含有详细的代码案例。 目录: 什么是vue 三个入门案例 Vue的MVVM Vue传入的对象options Vue的生命周期 代码规范 插值操作 绑定属性 计算属性 ES6部分语法 事件监听 条件判断 循环遍历 v-model
  3. 所属分类:其它

    • 发布日期:2021-03-11
    • 文件大小:6291456
    • 提供者:weixin_50701798
  1. TMPL_Vue:vue-源码

  2. TMPL_Vue 一.Vue基础 概述:JS框架,简化Dom操作,响应式数据驱动 引进 [removed][removed] [removed][removed] 使用3.1模板插值{{obj.attr}} {{arr [index]}} 3.2挂载点el会选择命中的元素及其内部后代元素建议用id选择器但其他也行可以用其他双标签但不能用html和body 3.3数据对象data渲染数据对齐js语法,如对象,合并语法 3.4事件方法可使用thi
  3. 所属分类:其它

    • 发布日期:2021-02-17
    • 文件大小:4096
    • 提供者:weixin_42117340
  1. dashblocks-template:仪表板Vue材质管理模板-源码

  2. Dashblocks Vue材质管理模板| 使用在Vue应用中启用Analytics Dashblocks Vue材质管理模板是基于 , , 和。 我们专注于提供开箱即用的精美交互式仪表板,并帮助在您的应用中启用应用内分析。 提供了一种简单而简化的方法,可以在您的应用中快速添加很棒的Dashboards: 使用声明性方法定义仪表板。 整个仪表板只是一个JS对象(或JSON) 为所有图表类型(例如颜色)提供合理的开箱即用默认值 开箱即用支持暗/亮模式 通过在仪表板级别提供事件处理来启用
  3. 所属分类:其它

    • 发布日期:2021-02-04
    • 文件大小:883712
    • 提供者:weixin_42166623
  1. vue实现点击出现操作弹出框的示例

  2. 如上图所示,这次要实现一个点击出现操作弹框的效果;并将这个功能封装成一个函数,便于在项目的多个地方使用。 具体思路是:   封装一个组件,组件保护一个插槽,我们可以根据不同的场景,利用插槽随意在这个弹框里插入任何元素,这个弹框显示时根据我鼠标的点击位置,定位弹窗的位置,并在组件里面监听鼠标抬起事件,触发事件时将弹窗隐藏; 接着在函数中利用createElement和appendChild方法将弹出框创建并插入到页面中;    本次实现基于vuecli3 接下来,具体实现:      首先,我们先
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:76800
    • 提供者:weixin_38620893
« 12 3 »