随手一记
zjr11111
这个作者很懒,什么都没留下…
展开
-
好用的滚动方法,列表滚动
上下滚动// javascript原生自动滚动export default function startmarquee(lh, speed, delay, marqueeObj) { // lh---每行列表的高度,speed---滚动的速度,delay---间隔多久滚动一次,marqueeObj---需要实现这个效果的id var p = false; var t; var o = document.getElementById(marqueeObj); o.inner原创 2022-04-20 16:11:57 · 656 阅读 · 0 评论 -
实现查看更多功能 -记录一下可复用
<div :class="[{'box': item.handleText.length > 200 && expandFlag != index }, 'words']" :content="item.handleText"> {{item.handleText}} <span class="btn" @click="expandFlag = index" v-if="item.handleText.length > 200 &&原创 2021-06-03 11:18:31 · 249 阅读 · 0 评论 -
富文本TinyMCE
引入tinymce<script src="你的网站路径/tinymce/tinymce.min.js"></script>tinymce 基本插件具体配置方法’参照官网pai封装组件<template> <div class="Editors"> <textarea :id="id" :value="contents"></textarea> </div></template>原创 2021-04-09 10:30:26 · 188 阅读 · 0 评论 -
Element树形懒加载表格,数据改变时刷新列表
写个小demohtml<div id="app"><template><div> <el-button @click="handletest">123</el-button> <el-table :data="tableData1" style="width: 100%" row-key="id" ref="tableDom" border lazy :l原创 2021-01-06 10:42:02 · 1759 阅读 · 0 评论 -
select拿除了value以外的子选项内参数
随手记一下<a-select v-model="checkedPlat" style="width: 120px" @change="platChange"> <a-select-option :value="item.platformId" v-for="item in platList" :key="item.platformId" :data="item"> {{ item.platformName }} </a-select-option&原创 2020-12-29 14:24:10 · 376 阅读 · 0 评论 -
$emit在子组件传参外自己传参的方法
之前忘记怎么写了,记一下,可以查看<tag-modal ref="policyTag" :type="1" @submit="handleTagSubmit($event,'policyTag')"></tag-modal> this.$emit('submit', this.checkList);原创 2020-12-24 11:21:34 · 251 阅读 · 0 评论 -
antdesign的tag close方法关闭两个tag
关闭两个tag <a-tag v-for="(item,index) in form.value8" :key="index" color="blue" closable @close="closTag(index)"> {{ item }}</a-tag>closeTag(index) { this.form.value8.splice(index, 1);}tag的key千万不要用index原创 2020-12-24 09:33:54 · 1645 阅读 · 0 评论 -
echarts结合阿里datav地图精确到区
主要记录一下datav,日后可能会用到地图jsonhttp://datav.aliyun.com/tools/atlas/#&lat=29.67402915372495&lng=121.56761992209837&zoom=8.5把需要的地域的json下载下来(只下载当前区域或者包含子区域可做内部区域统计)以宁波市为例,map.js中是从阿里datav下载下来的宁波市json<template> <div id="map" style原创 2020-12-22 15:40:16 · 2698 阅读 · 1 评论 -
vue路由动态配置
router.beforeEach((to, from, next) => { if(to.path != "/login" && store.getters.menu.length == 0 && store.getters.access_token){ store.dispatch('GetMenu').then((res) => { if(res){ for (let ind.原创 2020-07-07 10:47:44 · 175 阅读 · 0 评论 -
vscode使用npm和git(备忘)
1.打开文件/首选项/设置修改settings.json。之前已经配过了,要使用npm配置终端指向terminal.integrated.shell.windows{"eslint.autoFixOnSave":true,"eslint.validate":[{"language":"javascript","autoFix":true},{...原创 2020-07-30 15:38:44 · 422 阅读 · 0 评论 -
less自动生成wxss文件
1.vscode安装Easy LESS插件2.settings.json中添加"less.compile":{"outExt":".wxss"}原创 2020-07-30 15:39:37 · 991 阅读 · 0 评论 -
密码框自动填充样式问题
透明:input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;}纯色:input:-web原创 2020-07-30 15:39:42 · 194 阅读 · 0 评论 -
下载文件模拟a标签点击,接收blob二进制文件,文件格式进行发送
downloadFileMethod(file){ let that = this; event.preventDefault(); axios({ method: 'get', url: that.downloadCommonUrl+'?id='+file.id, responseType: 'blob' }).t...原创 2020-07-30 15:39:30 · 494 阅读 · 0 评论 -
前端树状结构搜索过滤解析
树状搜索参照element树过滤方法进行解析假设后端传递树状结构为datadata: [ { id: 1, label: '一级 1', children: [{ id: 4, label: '二级 1-1', children: [{ ...原创 2020-04-05 00:47:06 · 1437 阅读 · 1 评论 -
echarts关系图用id进行关联
echarts关系图的link在api中默认连接方式有索引,name但在项目中大多遇到的都是用id进行关联,官方默认node存在id,优先用id进行关联注意点:id必须为字符串形式...原创 2020-03-20 09:59:02 · 2217 阅读 · 0 评论 -
PostMessage父页面和iframe的信息相互传递
跨域:父页面向内嵌iframe子页面传递消息父页面:<iframe src="http://114.55.177.188:18061/dna" id="otherPage"></iframe>// 通过 postMessage 向子窗口发送数据document.getElementById("otherPage").contentWindow.postMe...原创 2019-12-27 11:37:23 · 1342 阅读 · 0 评论 -
引入vue.js的项目如何实现ie兼容
1.下载browser-polyfill.min.jsbrowser-polyfill.min.js下载地址2.下载browser.min.jsbrowser.min.js下载地址3.引入browser.min.js 和browser-polyfill.min.js4.<script type="text/babel">...</script>转换语法。5.注...原创 2019-12-25 08:57:59 · 2767 阅读 · 2 评论 -
快速解决端口占用问题
解决1099端口占用,找到使用该端口的进程pid并终止netstat -ano | findstr 1099taskkill /pid 14864 /f原创 2019-07-11 08:30:43 · 96 阅读 · 2 评论