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

搜索资源列表

  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
    • 文件大小：1mb
    • 提供者：jobinchan

  1. 使用use注册Vue全局组件和全局指令的方法

  2. 下面小编就为大家分享一篇使用use注册Vue全局组件和全局指令的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

  3. 所属分类：其它

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

  1. 详解Vue用自定义指令完成一个下拉菜单（select组件）

  2. 这次分享的是关于Vue自定义指令的使用方法，学习完基础后我们再来实战完成一个下拉列表，废话不多说，直接上干货 基本用法 //全局注册 Vue.directive('my-directive', { // 指令选项 }) // 局部注册 var app = new Vue({ el: '#app' directives: { 'my-directive': { // 指令选项 } }) 相信对Vue比较熟悉的人看完都知道，directive的写法与组件 基本类似，只是方

  3. 所属分类：其它

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

  1. 详解vue中v-bind:style效果的自定义指令

  2. 自定义指令 1.什么是自定义指令 以 v- 为前缀，然后加上自己定义好的名字组成的一个指令就是自定义指令。为什么要有自定义指令呢？在有些时候，你仍然需要对普通的DOM元素进行底层的操作，这个时候就可以用到自定义指令。 2.自定义指令的语法 全局自定义指令 // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：138kb
    • 提供者：weixin_38660295

  1. vue通过指令(directives)实现点击空白处收起下拉框

  2. 日常开发中有时会有这样的需求，就是展开下拉框的时候，通过点击空白处，可以实现让下拉框收回。这里我们通过vue2.0中的自定义指令来简单实现。 貌似截图尺寸有点大(╯﹏╰) vue自定义指令 解释(参考官方文档) 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。 举例: 我们要让这样一个输入框在

  3. 所属分类：其它

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

  1. Vue.JS入门教程之自定义指令

  2. 基础 Vue.js 允许你注册自定义指令，实质上是让你教 Vue 一些新技巧：怎样将数据的变化映射到 DOM 的行为。你可以使用Vue.directive(id, definition)的方法传入指令id和定义对象来注册一个全局自定义指令。定义对象需要提供一些钩子函数（全部可选）： bind: 仅调用一次，当指令第一次绑定元素的时候。 update: 第一次是紧跟在 bind 之后调用，获得的参数是绑定的初始值；以后每当绑定的值发生变化就会被调用，获得新值与旧值两个参数。 unbi

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：79kb
    • 提供者：weixin_38752282

  1. 使用use注册Vue全局组件和全局指令的方法

  2. Vue中的组件和指令分为局部组件、局部指令和全局组件、全局指令。对于注册有一定数量的全局指令和全局组件时，官方文档中的方法就显得有些不够清爽了。 全局组件 在Vue官方文档中介绍的是使用Vue.component(tagName, options)来创建一个全局组件。但是这种方法是与根实例写在同一个文件中，如果要同时注册多个全局组件，就会使根实例文件过重，因此使用Vue.use()来“安装”全局组件，就显得更轻一些。 方法： 1.新建一个plugins文件夹 2.在文件夹中创建放置全局组件的

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：35kb
    • 提供者：weixin_38672940

  1. Vue.js自定义指令学习使用详解

  2. 自定义指令 自定义指令的注册方法和组件很像，也分全局注册和局部注册，比如注册一个v-focus指令用于在、元素初始化时自动获得焦点，共有两种写法： //全局注册 Vue.directive('focus',{ //指令选项 }); //局部注册 var app = new Vue({ el: '#app', directive: { focus: { //指令选项 } } }); 自定义指令的选项是由几个钩子函数组成的，每个都是可选的。 自定义指令的各个选项如下： bind：

  3. 所属分类：其它

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

  1. Vue中错误图片的处理的实现代码

  2. 在一个Vue的PC项目中，要求给错误图片不要让它显示丑陋的图片，就要给图片写一个失败后的默认图片， 在这里写了两种方法， 第一种方法，也就是百度到的最多的代码，就是给一张图片一个默认值。 第二种问题，如果页面中有很多地方都存在这个东西，那么在不同的页面中写很对是很麻烦的。 就使用到了VUe的指令。 这里分为了两种情况， 一种是直接加载默认图片，等图片加载完成之后再使用加载完成的图片 。 代码如下 // 如果自定义指令多的话，再重新开启一个文件专门写自定义指令 太乱了 //全局注册自定义指

  3. 所属分类：其它

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

  1. Vue.js每天必学之过滤器与自定义过滤器

  2. 基础 类似于自定义指令，可以用全局方法 Vue.filter() 注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。过滤器函数以值为参数，返回转换后的值： Vue.filter('reverse', function (value) { return value.split('').reverse().join('') }) 'cba' --> 过滤器函数可以接收任意数量的参数： Vue.filter('wrap', function (value, be

  3. 所属分类：其它

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

  1. 一、vue基础语法（轻松入门vue）

  2. Vue基础语法一、HelloWord二、MVVM设计思想三、指令1. v-cloak2. v-text3. v-html4. v-show4. v-pre5. v-once6. v-model7. v-on事件修饰符按键修饰符自定义按键修饰符8. v-bindclass样式绑定style样式绑定9. v-if、v-else、v-else-if10.v-for四、Vue常用特性1. 表单操作基于vue的表单操作表单域修饰符2.自定义指令Vue.directive 注册全局自定义指令自定义指令局部

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：277kb
    • 提供者：weixin_38696877

  1. vue 注册或获取全局指令directive

  2. 注册方法 Vue.directive(‘my-directive’, { bind: function () {}, inserted: function () {}, update: function () {}, componentUpdated: function () {}, unbind: function () {} }) {{msg}} 更新 ```import Vue from 'vue'; Vue.directive(loading,{ update(el

  3. 所属分类：其它

    • 发布日期：2021-01-07
    • 文件大小：20kb
    • 提供者：weixin_38502916

  1. Vue项目根治IOS微信web中，输入项blur之后页面不回落的问题

  2. 向大佬们偷师那么多技能后，终于我也能装一回大佬了！第一次发帖，有点激动，哈哈哈哈！ 如题，不知道这个问题困扰各位WEBer多久了，反正我是跟它纠缠两三年了，最近开始真正学一下前端（本人赤脚医生，见笑了），终于找到了在Vue下彻底解决的方案，废话少说，先上代码： // 注册Vue全局指令 Vue.directive('wx-blur-bug',{ bind:function(el){ //在绑定的时候，添加一次监听就够了 let agent=window.navigator.userA

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：61kb
    • 提供者：weixin_38666823

  1. vue-resize-text：vue指令，可根据元素宽度自动调整字体大小-源码

  2. Vue调整文字大小 Vue指令可根据元素宽度自动调整字体大小。 它使字体大小在灵活或响应式布局上具有灵活性。 ：调整浏览器视口的大小以查看实际效果 安装 通过NPM安装 $ npm install vue-resize-text --save 通过CDN安装 全球 全局注册VueResizeText： import Vue from 'Vue' ;

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：91kb
    • 提供者：weixin_42139871

  1. Vue.js每天必学之指令系统与自定义指令

  2. 基础 除了内置指令，Vue.js 也允许注册自定义指令。自定义指令提供一种机制将数据的变化映射为 DOM 行为。 可以用 Vue.directive(id, definition) 方法注册一个全局自定义指令，它接收两个参数指令 ID 与定义对象。也可以用组件的 directives 选项注册一个局部自定义指令。 钩子函数 定义对象可以提供几个钩子函数（都是可选的）：  •bind：只调用一次，在指令第一次绑定到元素上时调用。  •update： 在 bind 之后立即以初始值为参数第一次调用

  3. 所属分类：其它

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

  1. Vue自定义指令结合阿里云OSS优化图片的实现方法

  2. 图片往往在加载前端项目中占大头，如何既不损失图片质量，又提升加载速度呢？ 根据显示设备pixelRatio和元素宽高来显示合适图片 略微压缩图片质量 使用webp 注册全局自定义指令 Vue.directive('img-condense', { bind: (el, binding, vnode) => { let src = el.getAttribute('src') let newSrc = compressImg(src, el) el.setAtt

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：31kb
    • 提供者：weixin_38732924

  1. 详解Element 指令clickoutside源码分析

  2. clickoutside是Element-ui实现的一个自定义指令，顾名思义，该指令用来处理目标节点之外的点击事件，常用来处理下拉菜单等展开内容的关闭，在Element-ui的Select选择器、Dropdown下拉菜单、Popover 弹出框等组件中都用到了该指令，所以这个指令在实现一些自定义组件的时候非常有用。 要分析该源码，首先要了解一下Vue的自定义指令。自定义指令的定义方式如下： // 注册一个全局自定义指令 Vue.directive('directiveName', { bin

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：92kb
    • 提供者：weixin_38707862

  1. vue自定义指令directive实例详解

  2. 下面给大家介绍vue自定义指令directive，具体内容如下所示：   官网截图实例 vue除了一些核心的内部定义的指令（v-model,v-if,v-for,v-show）外，vue也允许用户注册自己的一些功能性的指令，有时候你实在是要对Dom操作，这个时候是自定义指令最合适的了。 来直接看例子：当页面加载时使得元素获得焦点（autofocus 在移动版 Safari 是不支持的），就是当页面加载好了，不做任何的操作使得表单自动获得焦点，光标自动在某个表单上代码如下： Vue.direct

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：68kb
    • 提供者：weixin_38645208

  1. 简单学习vue指令directive

  2. 本文为大家分享了vue指令directive的使用方法，供大家参考，具体内容如下 1.指令的注册 指令跟组件一样需要注册才能使用，同样有两种方式，一种是全局注册: Vue.directive('dirName',function(){ 　　//定义指令 }); 另外一种是局部注册： new Vue({ 　　directives:{ 　　　　dirName:{ 　　　　　　//定义指令 　　　　} 　　} }); 2.指令的定义 指令定义，官方提供了五个钩子函数来供我们使用，分别代表了一个

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：67kb
    • 提供者：weixin_38564085

  1. 详解Vue中的自定义指令

  2. 除了默认设置的核心指令( v-model 和 v-show )，Vue 也允许注册自定义指令。在Vue里，代码复用的主要形式和抽象是组件。然而，有的情况下，仍然需要对纯 DOM 元素进行底层操作，这时候就会用到自定义指令。本文将详细介绍Vue自定义指令 指令注册 　　以一个input元素自动获得焦点为例，当页面加载时，使用autofocus可以让元素将获得焦点 。但是autofocus在移动版Safari上不工作。现在注册一个使元素自动获取焦点的指令 　　指令注册类似于组件注册，包括全局指令和局

  3. 所属分类：其它

    • 发布日期：2021-01-18
    • 文件大小：160kb
    • 提供者：weixin_38719890
« 12 »