LingHuzh的博客

vue+element ui实现图片上传并拖住进行图片排序

在做登录的时候输入正确校验时按钮高亮并可以触发事件，我们正常输入的时候没问题，但是直接粘贴过来的时候input监听不到。

uni-app/小程序上传图片、文件

要实现的效果图：解决思路：end~~~如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！文章对您有所帮助请给作者点个赞支持下，谢谢~......

解决思路：判断是Android 还是 iOS，底部导航默认bottom为0，动态去改变bottom。

使用技术栈：uni-app使用官方文档提供的API：createCanvasContext（uni-app） /CanvasContext（原生）html代码：js代码：效果图：end~~~如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读

安装npmnpm install qrcodejs2 --savecnpm install qrcodejs2 --save //推荐使用淘宝镜像在使用的组件里引入qrcodejs2js文件import QRCode from "qrcodejs2";dom结构<div id="qrcode"></div>js结构 data () { return { platformType: '', //微信or支付宝 .

我们在做项目中会用到很多js方法，然后有些方法是通用的我们需要进行封装使用在src下创建utils目录并创建utils.js文件utils.js文件export default { //判断手机机型 versions() { var u = navigator.userAgent; return { trident: u.indexOf('Trident') > -1, presto: u.

H5横屏开发、vue横屏开发

<script> function isDuringDate(){ var curDate = new Date(), beginDate = new Date(beginDateStr), endDate = new Date(endDateStr); if (curDate >= beginDate && curDate <= endDate) { return true

下面是一个简易的axios拦截器使用的demo，主要看下代码注释，详细可参考axios官方APIaxioslet app = new Vue({ el: "#app", data() { return { isLoading: false, //loading组件 } }, mounted() { this.getAxios(); }, methods: { get.

Pagination公共组件/components/Pagination/index.vue<template> <div :class="{'hidden':hidden}" class="pagination-container" > <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sy

前言：最近在做管理系统，页面基本都是组件模块化，如果遇到点击父组件里的一个事件要调取子组件里的方法该怎么实现，上代码（仔细看注释说明）。父组件//如果我们单纯的只是想调取子组件的方法--方法一//如果我们想调取子组件又要传值的方法--方法二<el-tabs v-model="tabType" @tab-click="handleClick"> <!-- handleClick为父组件的点击事件 --> <el-tab-pane v-for="(item,.

在项目中很多地方我们会用到循环一个div，但是这个类名又不能写死了，今天巩固下class类名上如何拼上循环出来的下标这里就直接上代码，简洁易懂<div v-for="(item,index) in data" :class="['active_img_' + `${index + 1}`]"> {{item.text}}</div>渲染出来的div如下end~~~如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，.

在这简单说一下我在项目中使用swiper遇到的坑我们先来看一下swiper官网大家可以看到哈，swiper已经出到6了！！！！想必在家在安装的时候直接命令 cnpm i swiper ， 一通回车，在mian里面 import ‘swiper/css/swiper.css’ ，嗯，我也是这样的结果运行报错，说找不到swiper.css然后开始百度，换成了 import ‘swiper/swiper-bundle.css’;好了，成功运行起来了，结果发现是不报错了，可swiper它也不.

我使用的是3x的脚手架所以我自己在项目根目录下创建了一个vue.config.js文件const baseUrl = "https://www.zhihu.com/api/" //代理的域名 module.exports = { devServer: { overlay: { warnings: false, errors: false }, proxy: { "/api": { target: baseUrl, changeOrigin

前言：最近做了一个官网项目，框架选择的vue，开发完上线之后发现不被百度收录，关键词和描述也只能抓取到首页的，今天来分享下最后是怎么解决的。先说一下传统页面和框架开发的区别传统html是通过a标签跳转来作为切换的，每一个页面都是一个html，这样百度很容易抓取到的，也能顺着a链接到你的子级页面。像vue、react、angular开发的都是spa应用，他只有一个页面index，他们都是内加载，动态加载切换路由的，所以你再多页面百度蜘蛛只能爬到首页，这就是spa的一大痛点想具体了解单页面应用和.

我们在上一篇博文中介绍了vue项目不被百度收录的根源和介绍了两种解决方案也具体说了预渲染的使用方法，今天说一下另一种解决方案Nuxt.js的使用。还不了解vue为什么不被百度收录或预渲染怎么使用的童鞋们建议点下面链接了解下vue项目不被百度收录怎么办、seo优化问题/预渲染的具体使用Nuxt.js介绍、Nuxt.js 是什么？：Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染我们的目标是创建一.

前言：在vue项目中我们经常会使用axios去请求后台数据做交互，今天整理了一下怎么使用promise去封装axios，方便我们管理。在根目录下创建utils文件夹在utils里创建两个js文件文件1： index.jsimport Axios from "axios";class Http { //request 方法 request(params) { return new Promise((resolve, reject) => { .