vue
lily_zhouou
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
基于vue的拖拽变形(简略)
实现效果:源码地址: h5-maker原创 2021-01-26 17:52:30 · 512 阅读 · 0 评论 -
uni-app自定义模态弹窗(支持富文本)
uni-app中实现支持传入富文本的模态弹窗 this.$qxPop.show({ message: '这是自定义模态窗', title: '提示', }) this.$qxPop.show({ message: `<div style="color: #ff0000">这是自定义模态窗</div>`, title: '温馨提示', confirmButtonText: '我知道了',原创 2020-10-09 11:11:39 · 5014 阅读 · 5 评论 -
vue-cli4 配置全局scss/sass变量
tips:项目使用scss之前吗,首先看看是否sass相应的包1、_variables.scss文件/* Variables */// Base color$black:#2c2f38;$green:#1ddfbc;$blue:#2ec4d5;$fontColor:#e7ecf0;2、执行vue add style-resources-loadervue add style-...原创 2019-12-04 09:51:35 · 7195 阅读 · 0 评论 -
前端性能优化之图片懒加载
1. 什么是图片懒加载?当访问一个网页的时候,优先显示可视区域内的图片而不是一次性加载所有的图片,但需要显示时再发送图片请求,避免网页打开时加载过多的资源。这样可以有利于前端性能优化,减轻服务器压力以及提升用户体验。2.使用场景当一个页面需要一次性载入很多图片时,就需要使用的图片的懒加载3.vue中使用vue-lazyload实现图片懒加载1.安装插件使用npm: npm insta...原创 2019-06-20 11:18:57 · 759 阅读 · 0 评论 -
vue组件通信
组件间的通信1. 父组件向子组件传值在父组件中以标签的形式引入子组件,通过prop向下传递数据:父组件向子组件传递数据:子组件接收父组件数据:Tips: 子组件props接收数据的三种方式1. props: [‘dataFromParent’]2. props: { dataFromParent: Array } //这样可以指定传入类型,如果类型不对,会抛出警告3. pro...原创 2019-06-19 15:43:31 · 171 阅读 · 0 评论 -
常用正则校验手机号校验
/** * 各种正则表达式 * mobile 手机号 * email 电子邮箱 * password 密码【6-20位】 * integer 正整数【不包含0】 * money 金钱 * TINumber 纳税识别号 * IDCard 身份证 * userName 账户名称【汉字、字母、数字、“-”、“_”的组合】 * URL URL * TE...原创 2019-05-10 15:39:13 · 1719 阅读 · 0 评论 -
vue中集成Ueditor富文本编辑器
从官网下载ueditor资源,解压放在static目录修改ueditor.config.js中的配置新建一个组件,放在components目录mian.vue<template> <div> <script :id="randomId" type="text/plain"></script> </div>&...原创 2019-04-11 16:56:31 · 949 阅读 · 0 评论 -
vue自定义toast组件
//toast.jsconst TOAST_CLASS = 'toast'const TOAST_OUT_CLASS = 'toast out'let innerHtml=""function toast(msg,time=1000) { let body=document.querySelector('#app'); if(body.querySelector('....原创 2019-03-04 16:13:27 · 591 阅读 · 0 评论 -
element-ui 以服务的方式自定义Loading加载效果
1)创建一个loading.js文件2)引入element-ui的loading组件import { Loading } from 'element-ui';3)自定义loading配置项const loadOption={fullscreen: true ,lock: true, text: 'Loading', spinner: 'el-icon-loading', backgrou...原创 2019-03-04 15:59:49 · 8755 阅读 · 0 评论 -
Vuex的基础使用
1、什么是Vuex?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。2、VueX的使用场景?vue组件开发过程中,经常会遇到组件间的状态传递。当需要进行通信的双方既不是父子关系,又不是兄弟关系时,或者同样的状态需要共享到多个组件使用,数据的传递就会变的特别麻烦,而使用Vuex这时候就会...原创 2019-03-01 16:38:52 · 177 阅读 · 0 评论 -
带快捷键的批量操作(按下shift键批量改变复选框的值)
&lt;template&gt; &lt;ul class="checkbox-wrapper"&gt; &lt;li :class="{'false-msg': !item}" v-for="(item, i) in data" :key="i"&gt;原创 2019-02-25 17:25:27 · 1256 阅读 · 0 评论
分享