![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 76
业余前台知识
时遇倾城色
岁月静好,安然若素
展开
-
v-bind,v-on的使用
v-bind:绑定属性值,内容相当于js,缩写:v-on:绑定方法,缩写@v-bind我添加了一个input标签,如下<input type="button" value="按钮" title="title"></input>这样显示的title是固定的,我想使用Vue的data里面的值,就需要加v-bind指令<input type="button" value="按钮" v-bind:title="title + '---' +'相当于js'">&l.转载 2021-01-15 16:40:55 · 362 阅读 · 0 评论 -
vue父子组件传值
1. 前言官网上组件定义:组件是可复用的 Vue 实例,且带有一个名字。 我们可以将其理解为项目中的一个vue页面,我们需要多次在别的页面引用此页面,为了方便,将此页面封装为组件。父组件使用 props 把数据传给子组件。vm.$emit( event, arg ) //触发当前实例上的事件子组件使用$emit触发父组件的自定义事件。vm.$on( event, fn );//监听event事件后运行 fn;2. 举例说明准备工作(1)Son.vue: 首先定义一个子组件,子组件为一个输原创 2021-01-15 14:48:36 · 93 阅读 · 0 评论 -
element-ui 指定页面元素loading
一般element-ui都是给表格加loading效果,也可以给整个页面(body)加loading效果。当然也可以页面上的任何DOM加loading效果。<el-button type="primary" @click="onSearch">查询</el-button>onSearch() { const loading = this.$loading({ lock: true, text: 'Loading', spinner:转载 2021-01-14 16:06:39 · 1276 阅读 · 0 评论 -
Day.js: 一个轻量的处理时间和日期的 JavaScript 库
github地址安装NPM:npm install dayjs --saveimport dayjs from 'dayjs'// 或者 CommonJS// var dayjs = require('dayjs');dayjs().format();CDN:<!-- 最新的压缩后的 JavaScript 文件 --><script src="https://unpkg.com/dayjs"></script><script> d转载 2021-01-13 15:54:49 · 571 阅读 · 0 评论 -
BOM对象
BOM全称browser object modelJavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的。为了便于对浏览器的操作,javascript封装了对浏览器的各个对象使得开发者可以方便的操作浏览器。1.windowWindow 对象是所有BOM对象的顶层对象,代表一个浏览器窗口或一个框架。Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。常用方法:open() 打开一个新的转载 2021-01-11 23:35:19 · 96 阅读 · 0 评论 -
浅析JS中的class
在 ES6 规范中,引入了 class 的概念。使得 JS 开发者终于告别了,直接使用原型对象模仿面向对象中的类和类继承时代。通过类Class来创建对象,使得开发者不必写重复的代码,以达到代码复用的目的。它基于的逻辑是,两个或多个对象的结构功能类似,可以抽象出一个模板,依照模板复制出多个相似的对象。就像自行车制造商一遍一遍地复用相同的蓝图来制造大量的自行车。但是JS 中并没有一个真正的 class 原始类型,它的原理依旧是原型继承。 class 仅仅只是对原型对象运用语法糖。class类概念与语法E转载 2021-01-11 15:17:45 · 355 阅读 · 0 评论 -
原型、原型链、构造函数
__proto__: 是借助已有的对象创建新的对象,将子类的原型指向父类,就相当于加入了父类这条原型链。prototype:返回对象类型原型的引用。一、函数对象(Function)和普通对象(Object)函数对象:由function定义或Function实例化的对象,包括Function和Objectfunction Person1 (name) { this.name = name;}var Person2 = function(name) { this.name = nam转载 2021-01-09 23:11:25 · 107 阅读 · 0 评论 -
理解js中的this对象
this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象。一、指向问题1、单独调用:全局对象例1:var a = this;console.log(a); //window2、函数内部:全局对象例2:function test() { var user = '小明'; console.log(this.user); console.log(this);}test(); //调用方式原创 2021-01-09 11:03:32 · 154 阅读 · 0 评论 -
富文本编辑器(vue-quill-editor)自定义工具栏按钮
安装npm install vue-quill-editor --save使用1、引用(1)局部引用,在使用页面引入import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'import { quillEditor } from 'vue-quill-editor'export default { components: {原创 2020-12-15 20:35:08 · 6988 阅读 · 2 评论 -
vue自定义echart 全屏工具
需求描述如图:在动态加载图表的情况下,自定义一个全屏按钮,点击按钮全屏显示图表。实现效果实现思路:遮罩:定义两个div:a和A,a为当前图表,A为全屏后的图表,全屏后A在a的上层显示,退出全屏后A隐藏实现过程原始div <div style="height: 360px" id="test1"></div>定义一个变量,判断当前是否为全屏isFull: false, //false为非全屏,true为全屏新创建一个div,加载全屏后的图表,v-b原创 2020-11-29 02:12:08 · 1512 阅读 · 2 评论 -
vue项目启动失败,npm install失败
问题描述从github上拉了一个vue项目,到本地运行失败,出现各种问题。解决过程一、删除node_modules如果没有,请忽略这一步。二、npm install1 报错:can’t find python executable “python”,you can set the PYTHON env variable。(1)安装npm需要的系统工具,执行如下命令,然后就会下载安装python,切记,一定要在管理员模式下安装,否则会报错:Please restart thie script原创 2020-11-15 17:57:09 · 3892 阅读 · 2 评论 -
vue页面引入另一个页面
需求描述定时任务管理页面,在页面里点击查看日志按钮,弹框显示该任务执行的日志有单独的日志页面,该页面可以查看所有任务执行的日志记录为了避免写重复代码,在定时任务页面的查看日志弹窗里引入日志页面实现思路日志页面要想被引入,首先要导出,所以要在export default里面添加name属性,引入的时候通过导出的name查找组件export default { name: 'lamlog'}在任务页面引入日志页面import lamlog from '@v原创 2020-11-12 10:42:20 · 10550 阅读 · 0 评论 -
element 级联选择器懒加载回显
element 级联选择器懒加载原创 2020-11-04 09:30:59 · 5062 阅读 · 3 评论