前端搬运工_0325-CSDN博客

原创原生js请求node.js上传图片接口，写前后端代码

1.先创建一个html文件，用来发起请求```javascript<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia

2021-12-14 11:17:52 1385

原创 vue 使用vant-ui 的 List 组件可以与 PullRefresh 组件结合使用，实现下拉刷新的效果，上划加载更多

vue 使用vant-ui 的 List 组件可以与 PullRefresh 组件结合使用，实现下拉刷新的效果，上划加载更多1.列表页面布局，红色为外层样式设置{height: 100%;overflow-y: auto;}2.绿色为需要加载的列表项 <van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-list v-model="loading" :finish

2021-07-07 18:20:58 902 2

原创 vuex模块化，vuex数据持久化的问题

想要实现vuex 模块化，直接在index.js 这样改，就可以动态导入写在camera,user文件里面的子模块index.js 文件import Vue from 'vue'import Vuex from 'vuex'import createPersistedState from "vuex-persistedstate" //插件数据持久化Vue.use(Vuex)const store = new Vuex.Store({ plugins: [createPersist.

2021-06-23 16:12:56 252

原创 Vue 搭配vue-i18n 实现国际化，使用$t

vue中使用 vue-i18n 实现国际化 $t1、安装npm install vue-i18n2、importimport VueI18n from ‘vue-i18n’3、挂载Vue.use(VueI18n)4、创建实例复制代码const vuei18n = new VueI18n({ locale: 'zh', messages: { 'zh': require('./static/lang/zh'), 'en': require('./st

2021-06-22 17:35:20 1812

原创 element-ui 带单选框的表格

效果：不只是带单选框，点击当前行单选框选中状态网上查了一些发现很多都是只能点击当前radio选中当前行，配合element-ui的单选table时发现两个的选择状态是不一致的，所以调整了一下效果代码<el-tableref=“singleTable”:data=“tableData”highlight-current-row@current-change=“handleCurrentChange”@row-click = “showRow”style=“width: 100%”

2020-12-06 15:59:49 497

原创 element 文件上传使用before-upload在上传前做验证，解决发送请求回调和自定义上传配置

before-upload 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被reject，则停止上传。 function(file)因为项目有一个需求，改图片是否重传，调用验证请求，如果数据库有则直接放回链接，打断上传。如果数据库没有则继续上传。<div class="my-upload-box"> <span @click="isShowUpload">取消</span> <el-upload class="u.

2020-07-01 15:31:02 11258

原创富文本wangeditor层级太高覆盖问题？工具栏换行后遮挡？

1. 富文本wangeditor层级太高覆盖问题解决办法如下：在css里加上如下样式即可，注：如果使用vue，则不要写在scoped内，否则无效 .w-e-menu { z-index: 2 !important; } .w-e-text-container { z-index: 1 !important; }2. 富文本wangeditor工具栏换行后遮挡html代码结构<template> <div id="wangeditor">

2020-06-30 09:00:49 2865 1

原创 vue cli3找不到webpack.base.conf.js，可以这样引入jquery

如何在vue-cli 3.x中使用jquery由于项目需求要使用jquery，结果各种引用都不济于事。首先下载 jquery。cnpm install jquery --save-dev或者添加依赖，在package.json中找到dependencies模块，然后往里面追加jQuery，以jq版本2.2.3为例：“dependencies”: {“vue”: “^2.3.3”,...

2020-03-23 09:50:46 8816 1

原创 Vue使用element-ui 幻灯片，图片无法显示的解决方法

data中的路径只会被当做普通的字符串，因此无法获取图片data () {return {carousels: [“…/assets/img/carousel_1.png”,“…/assets/img/carousel_2.png”,“…/assets/img/carousel_3.png”,“…/assets/img/carousel_4.png”]}}加上 require...

2020-03-19 11:18:45 1463

原创可以解决缓存问题 Meta http-equiv属性与HTTP头的Expires中（Cache-control）详解

一、概述A、http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。B、Cache-control用于控制HTTP缓存（在HTTP/1.0中可能部分没实现，仅仅实现了Pragma: no-cache）二、基本内容meat标签的http-equ...

2020-03-03 09:10:38 1138

转载 vue-cli打包上线遇到各文件找不到问题——引入

在做VUE-cli WebPack脚手架项目打包完成后，在服务器上运行发现，有些js中定义的变量找不到，css,背景图片资源等都找不到，原来发现项目打包后的CSS和JS的引用路径是绝对路径，项目部署后会将静态当成根目录，就造成了文件引用路径的错误，解决方法是通过修改配置文件，将绝对路径改为相对路径，从而达到资源的相对引用。一、‘/’指的是项目的根目录，’./’指的是当前目录1.publicP...

2020-02-24 14:36:15 1281

原创用手机UC浏览器页面打开vue项目，图片，css，js都没加载

用手机UC浏览器页面打开vue项目，图片，css，js都没加载用HBuilder X创建了一个普通的vue项目，在电脑上使用浏览器看没有什么问题，然后提交到了公司的服务器上，发现用手机，除了火狐，谷歌，微信，其它浏览器打开都没有显示样式，css,js,img都没有。UC浏览器会屏蔽地址中带ad字符的文件，如img，js，css都会给屏蔽掉。我们公司是二级域名含有ad字符，eg:ad.xx.co...

2020-01-06 18:07:04 1217

转载 vue-element-admin登录报错405 Method Not Allowed

2019-12-31 16:23:49 1142

qq_45668489的博客