vue
Lukeyyyy
这个作者很懒,什么都没留下…
展开
-
前端实现 PDF多合一 、原生js将多张PDF合成一张、vue-pdf多合一
拿走即用 直接就可以用到记得项目中Vue-Pdf-MultiInOneHtml-Pdf-MultiInOne示例原创 2021-11-09 13:15:53 · 2888 阅读 · 0 评论 -
Vue使用 mixin实现 简单获取字典的全局方法
获取字典核心代码获取字典使用字典核心代码1.在 components 目录中 创建 Dict 文件夹2.在新创建的文件夹中 创建 Dict.js 和 index.js 文件// Dict.jsimport Vue from 'vue'// 引入自己获取字典的接口import {getDicts } from '@/api/system/dict/data'export default class Dict { constructor(dict) { this.dict = d原创 2021-10-22 11:07:11 · 2218 阅读 · 5 评论 -
在Vue中 watch与computed有什么区别?
watch使用watch创建一个对象,键是需要观察的属性(表达式),值是对应回调函数。主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作;他就是一个会通过属性的变化自己掉用的函数 <script> var vm = new Vue({ el: '#app', data: { aaa: '', }, methods: {}, watch: { // 使用watch,可以监视 data 中指定数据原创 2020-12-01 21:51:27 · 148 阅读 · 0 评论 -
Vue组件传值 之 子组件使用父组件的methods(方法)
父组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title></head><body> &l原创 2020-11-28 15:28:37 · 681 阅读 · 1 评论 -
Vue组件传值之 子传父
原理:父组件将方法的引用,传递到子组件内部,子组件在内部调用父组件传递过来的方法,同时把要发送给父组件的数据,在调用方法的时候当作参数传递进去;父组件将方法的引用传递给子组件,其中,appchild是父组件中methods中定义的方法名称,func是子组件调用传递过来方法时候的方法名称<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta na.原创 2020-11-28 15:05:05 · 194 阅读 · 1 评论 -
在Vue中自定义指令
1.自定义全局指令 // 自定义指令: v-focus, //功能: 为绑定的元素自动获取焦点: Vue.directive('focus', {//使用inserted钩子函数:被绑定的元素插入父节点时调用 inserted: function (el) { el.focus(); } });1.自定义局部指令 // 自定义指令: v-color, //功能: 为绑定的元素设置指定的字体颜色: directives: {原创 2020-11-27 21:36:56 · 177 阅读 · 1 评论 -
在Vue中自定义键盘修饰符
1.通过Vue.config.keyCodes.名称 = 按键值来自定义案件修饰符的别名:Vue.config.keyCodes.f2 = 113;键盘上的F2对应的编码为113此时f2已经绑定了键盘上的F22.使用自定义的按键修饰符:<input type="text" @keyup.f2="add">当抬起F2按键时会触发add函数...原创 2020-11-27 21:17:48 · 239 阅读 · 0 评论 -
Vue过滤器之 过滤时间 (时间过滤器)
目录概念一、 私有过滤器1.html2.私有 `filters` 定义方式:二、全局过滤器定义全局过滤器概念Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示。一、 私有过滤器在vue实例中通过filters配置项来配置 filters:{ 过滤器名称(){ 业务逻辑} }1.html<td>{{item.ctime原创 2020-11-27 20:59:43 · 4695 阅读 · 0 评论 -
Vue之修饰符
.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式.self 只当事件在该元素本身(比如不是子元素)触发时触发回调.once 事件只触发一次原创 2020-11-27 20:34:22 · 88 阅读 · 0 评论 -
使用Vue制作跑马灯效果!
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./vue.min.js"></sc原创 2020-11-27 20:30:25 · 138 阅读 · 0 评论 -
Vue中常用的指令!
指令里 == 的意思是 可以简写为指令指令格式用途v-textv-text=“属性名”可以渲染普通文本但不能解析 HTML 代码v-textv-html=“属性名”可以渲染普通文本和 HTML 代码v-on == @v-on:事件名=“表达式”绑定事件v-showv-show=“表达式”根据表达式的真假值,切换元素显示与隐藏,也就是display属性值v-ifv-if=“表达式”根据表达式的真假值,切换元素的创建和删除v-forv-原创 2020-11-27 20:25:06 · 163 阅读 · 0 评论 -
什么是Vue.js
Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发)前端的主要工作?主要负责MVC中的V..原创 2020-11-27 19:44:47 · 99 阅读 · 0 评论 -
Vue组件传值之 父传子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title></head><body> <di原创 2020-11-26 23:01:20 · 186 阅读 · 0 评论