qq_43341001的博客

vue3中vue-draggable实现图片拖拽

Monaco Editor在vue中使用，从安转到初始化,在基于浏览器中编写代码程序

//在富文本中嵌套iframe//preChapter vue中的建立一个页面data(){ return{ arg:"/#/preChapter", }} //获取iframe中的id that.idQuestion = self.frameElement.getAttribute("id");

记录下，在element-ui中，弹框里面的时候，当只有<el-input>的时候，操作键盘的enter浏览器出现刷新问题，需要阻止默认点击事件的传递

//记录下，element-ui中，从获取后台数据渲染下拉框数据，用户需要可以选择多个 <el-form-item label="授课班级" :label-width="formLabelWidth" prop="classIds"> <el-select v-model="ruleForm.classIds" multiple filterable remote reserve-keyword placeholder="请输入关键词" :remote-m

//突然想起来，就记录下哈哈//需要传入初始化值的时候满足computer(){ sum(){ return function(num){ return num++; } }}sum(2);

axios取消请求操作 1. 创建取消令牌的生成器对象 const CancelToken = axios.CancelToken; 2.从中获取令牌对象 const source = CancelToken.source(); 3.发送请求的时候 axios({ url:'https:baidu.com', method:'post', cancelToken:source.token }) setTimeout.

/** * 创建自定义marker图标绑定弹框 */ let carMarker = [];//存放marker图标 for(let m= 0;m<gpsInfoList.length;m++){ let el = document.createElement("div"); el.className = "marker-car"+m; el.setAttribute(

//根据geojson不同数据类型渲染对应的点线面 let id = row.id;//点击表格行获取的 presionMap.uploadMangement(id).then(response=>{ if(response.data.data!=null){ if(row.dataType ==".geojson"){ let jsonPase = eval("("+response.data.data.fill

/** 利用mapbox（js）+turf（js）+requestAnimationFrame方法 实现轨迹巡航 */ //点数据源 let carPoint = { "type":"FeatureCollection", "features":[{ "type":"Feature", "properties":{"bearing":""}, "geometry...

/** * vue中computed计算属性，页面高度自适应问题 */ <div :style="resizeHeight"> <el-menu :default-active="routePath" class="el-menu-vertical-demo" background-color="#333" text-color="#fff" active-text-color="#ffd04b" ..

//cesium里面垂直测高，基于vue框架 es6语法export default function measureHeight(viewer,width){ let handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); let positions = []; let tooltip = document.getElementById("tooltip"); let hei = 0;

<template> <div class="collectionBox" ref="wrapper"> //司机信息 <Driver/> <vant-tab v-model="active"> <vant-tab title="新建任务"> <van-pull-refresh v-model="refreshing01" @ref

<template> <div> <div class="searchMap"> <div :class="['searchName',{activeBox:$store.state.toolBarchild.dinwei}]" @click="precisonMapClick"> <div>{{$store.state.tooBarChild.cityName}}&l

* js禁用浏览器后退按钮 * vue中使用 */methods:{ goBack(){ history.pushState(null,null,document.URL); },}destroyed(){ //路由跳转的时候，销毁监听,防止死循环 window.removeEventListener("popstate",this.goBack,false);}mounted(){ if(window.history &&.

/** * 在vue中使用移动端vant组件，按需引入组件 * 在vue中使用自适应框架 lib-flexible */import { ModuleKind } from "typescript";// 在目录文件为 babel.config.js文件中ModuleKind.exports ={ presets:[ '@/vue/cli-plugin-babel/preset' ], plugins:[ [ '

/** * js中将函数的属性与方法进行拷贝,主要实现类的继承 */ function Person(name){ this.name = name; this.sayName = function(){ console.log(this.name); } } function Student(name){ Person.apply(this,arguments); } le

<!-- elementui 时间组件 valueDate 选择日期 selectTime 选择事件 timeDefaultShow 默认时间 selectStartDate 开始时间 selectEndDate 结束日期 formatDate 处理时间格式化 pickerOptions 显示日期到目前为止 el-picker-panel_body 可以改

* 重置elementui的弹框信息，解决重复一次提示出现多个弹框问题 */import {Message} from "element-ui"let messageInstance = null;const resterMessage = options=>{ if(messageInstance){ messageInstance.close(); } messageInstance = Message(options);}["error",".

/** * @params{时间}data * @params{时间格式} fmt yyyy-MM--dd hh:mm */export function formatData(data,fmt){ if(/(y+)/.test(fmt)){ fmt = fmt.replace(RegExp.$1,(data.getFullYear()+"").substr(4-RegExp.$1.length)); } let o = { "M+":data

import service from "@/request/axios.js";//文档接口管理const document = { userDocumentList(params){ //文档管理 return service({ method:"post", url:"/document/userDocumentList", data:params }) }, userD

/** * 函数防抖（最后一次点击） * @params fn * @params delay * @return {function} * @constructor */export const Debounce = (fn ,t)=>{ let delay = t || 3000; let timer = null; return function(){ let argus = arguments; if(timer){

/** * axiso 封装 * 请求拦截，错误统一处理 */import axios from "axios";import store from "@/store";import Cookies from "js-cookie";import {message} from "@/globalFn/resterMessage.js";import {IndexFn} from "@/globalFn/goIndex.js";import {showFullScreenLoading,tr

/** * 重置elementui的初始化loading加载信息 */import {Loading} from "element-ui";import {DeBounce} from "./debounce.js";//防抖函数后续文章介绍let Loading = "";let loadingRequestCount = 0;function startLoading(){ loading = Loading.sevice({ fullscreen:true,

<style> /*默认进来的时候样式*/ @keyframes myDivDefaultMove{ from{ right: -430px; } to{ right: 0; } } @-webkit-keyframes myDivDefaultMove{ f...

/** vuex用法*/import login from "@/untils/login.js"import createRoutes from "@/router/createRoutes.js";import Cookies from "JS-cookies"import {resetRouter} from "@/router"export default{ state:{ num:0, noChildren:[],//左侧菜单数据 },

/**将菜单转化为对应的路由 * jian */import {asyncRouters} from "./asyncRouters";export default function createRouters(data){//后台接口返回的数据 menuItems:[ { name: 'home', // 要跳转的路由名称 icon: '', // icon类型 text: '主页' // 文本内容