- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue H5 请求头headers里面传入token
// 请求拦截器ins.interceptors.request.use( config => { // 动态获取token config.headers={ access_token:sessionStorage.getItem('token'), idpUserID:sessionStorage.getItem('data')&&JSON.parse(sessionStorage.getIt
2021-06-15 10:39:27
1515
原创 video.js播放mp4格式VR视屏
1. 初始化npm install videojs-vr --savenpm install video.js --save2. 使用<template> <div> <video width="734" height="434" id="videojs" class="video-js vjs-default-skin" crossorigin="anonymous" controls
2021-04-25 16:23:53
1704
原创 dplayer播放器切换flv和hls流
安装npm install dplayer --save、npm install flv.js --save、npm install hls.js --save、使用页面<template> <div> <div id="dplayer"></div> </div></template><script>import DPlayer from "dplayer";import flvjs
2021-04-20 14:12:02
1952
3
原创 vue-admin 如何让mock和请求后台接口同时存在（登录用的mock数据。页面是后台请求数据）
开发环境走mock-server在开发环境中，vue-config-js我们配置代理的时候开了一个叫before: require('./mock/mock-server.js')或bafter: require('./mock/mock-server.js')所以会走mock-server但是当我们请求后台的时候我们封装的request.js的时候 baseURL: process.env.VUE_APP_BASE_API,然后我们把.env.development，.env.stagi
2021-03-26 17:44:34
2405
2
转载 vue json格式化校验，一行数据变成有层级的数据结构，vue-json-editor json编辑器
1.安装插件npm install vue-json-editor --save2.使用<template> <div class="menu2"> <!--:show-btns="true" // 是否显示保存按钮 --> <!-- :mode="'code'" // 默认编辑模式 --> <!-- lang="zh" // 显示中文，默认英文 --> <!-- @json-change=
2021-03-12 10:38:52
931
转载 vue 中后台三级及以上路由嵌套，路由缓存(keep-live)不生效的问题
以vue中后台案例页面文件是这样的（路由里面的名称和vue页面中的名称要一致，且必须都要写）nestedmenu1menu1-1menu1-2menu1-2-1const nestedRouter = { path: '/nested', component: Layout, redirect: '/nested/menu1/menu1-1', name: 'Nested', meta: { title: 'Nested Routes',
2021-03-11 15:02:41
1262
转载 数字的正则
/**Number数据类型正则@author DonnyLiu@version 1.0.0@type {{mnNumber: (function(*, ): RegExp), notZeroNInteger: (function(): RegExp), nDecimal: (function(): RegExp), notZeroPInteger: (function(): RegExp), notNFloat: (function(): RegExp), notZeroNumberTwo: (f
2021-03-11 10:36:39
163
原创 element的table对某一列进入的时候加小手样式
在table上加 :cell-style=“cellStyle” <el-table :data="dataDictionaryTableData" border :key="Math.random()" style="width: 100%" size="mini" height="100%"
2021-03-09 10:12:30
5980
1
原创 vue 中表单验证事件的使用
vue 中表单验证的使用//data里面 rules定义的一个字段的校验规则 configValue: [ { required: true, trigger: "blur" ,validator:this.configValueValidator}, ],methods:{ // 参数值的验证 configValueValidator(rule,value,callback){ if(!value){ callback("请输入密码
2021-03-09 10:08:38
311
原创 html+css
第一阶段 html+css 相关知识一.html 相关知识html+css 常用标签解析 html 生成标签里面的意思<!DOCTYPE html><!-- 声明文档类型 告诉游览器以h5版本去解析类型--><html lang="en"> <!-- 默认英文环境 --> <head> <meta charset="UTF-8" /> <!-- 设置字符集编码,utf-8是优化后的全球码 -
2020-12-15 09:54:32
179
原创 react的移动端项目
1.安装和初始化$ npm install -g create-react-app# 注意：工具会自动初始化一个脚手架并安装 React 项目的各种必要依赖，如果在过程中出现网络问题，请尝试配置代理或使用其他 npm registry。$ create-react-app my-app$ cd my-app$ npm start...
2020-08-03 14:40:14
2642
6
原创 react中编辑页面给Switch赋值
代码<Col span={8}> <Form.Item label="最新" name="isnew"> <Switch /> </Form.Item></Col>正确的赋值代码 valuePropName=“checked”<Col span={8}> <Form.Item label="最新" name="isnew" valuePropName
2020-07-13 14:39:37
747
原创 react 使用富文本(TinyMCE)
一：有关文档TinyMCE中文文档 TinyMCE官方文档 Ant design二：使用步骤1.安装插件npm install --save @tinymce/tinymce-react1.页面中使用 import { Editor } from '@tinymce/tinymce-react'; // 富文本 const handleEditorChange = (content, editor) => { console.log('Content was up
2020-06-28 14:53:58
2911
原创 react,hooks中useState,useEffect,useMemo的使用
import React, { useEffect, useState, useMemo } from 'react';useMemo 使用（相当与vue的计算属性 Computed ）const nextBtnText = useMemo(() => { if (step == 0) { return '下一步,填写库存信息'; } else if (step == 1) { return '下一步,填写关联商品'; } }, [step])
2020-06-17 11:00:01
1388
原创 react :向服务器方法请求的时候怎末把一个普通的对象转化为fromDate的对象
ant design pro 中后台项目我向后台提交的数据是下面的图片但是后台要的是fromDate类型的数据因此在api里面添加一个属性 requestType:‘form’// 新增/更新 分类信息export async function saveOrUpdate(params) { return request('/api/leju/admin/kind/saveOrUpdate', { method: 'POST', data: params, reques
2020-06-03 16:40:59
176
原创 react报错，setState没有定义，是this指向问题
上传图片的时候，onchange 上传文件改变时的状态的方法，报这个错误,this指向改变，用箭头函数export default class ModalFrom extends Component { constructor(props) { super(props); this.params = { name: 'picture', action: '/api/leju/admin/material/uploadAndSaveImg', };
2020-06-02 18:17:08
305
原创 ant design（4.0）中点击新增，跳出一个from表单提交
当前页面的代码import React, { Component } from 'react';import { Card, Button, Row, Col, Table, Avatar, Popconfirm, message, Modal } from 'antd';// import { connect } from 'dva' umi 2.*多的版本import { connect } from 'umi'; //connect,props可以结构出来dispatchimport Mod
2020-06-02 14:52:29
1513
转载 快速删除前端项目中node_modules目录下的所有文件
快速删除前端项目中node_modules目录下的所有文件1）全局安装 rimrafnpm install rimraf -g（如果安装了淘宝镜像可以使用）cnpm install rimraf -g2)删除当前目录下的文件名rimraf vue-admin-1909rimraf node_modules //删除当前目录下的依赖// 当前目录下要删除的文件夹名字** 注: 这个...
2020-04-24 16:19:17
644
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人