logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

列表自动滚动的实现及<Element> which has only a getter错误的解决

问题最近在做列表自动滚动时遇到了Cannot set property scrollTop of # which has only a getter"错误原因在style中,未添加overflow属性解决.box {overflow: hidden;// 重点width: 800px;height: 600px;}附上列表自动滚动代码handleScroll(num) {// 初始化定时器if (

#javascript#前端#css3
十分钟,学会使用js三种方法创建本地json数据文件

前言在干业务时,需要得到一份全国省市到街道的区划数据,刚好业务中连接了高德地图,高德地图又提供了区划的api,这下只需要把数据写到json里了。什么!你说你还不会用js创建json文件?没关系,只需十分钟阅读文章,学会使用js三种方法创建本地json文件!一、使用html5创建json文件通过a标签来下载获取到我们创建的json文件。缺点:必须要下载一次,下载目录不可控,当大量json文件下载时,

#json#javascript#node.js
vue组件如何自己调用自己(组件递归)

vue组件如何自己调用自己(组件递归)在做侧边栏导航动态加载时,需要用到vue的组件递归,最开始打算直接写函数递归来解决问题,结果没什么卵用,越写越复杂。直接上代码给组件name值<script>export default {name: "SideItem",}<script>直接在组件中调用即可<template><div><SideIte

#javascript#vue.js
vue模拟a标签设置请求头headers接受文件流,导出xlsx文件

今天后端提供了一个导出xlsx文件的接口,这里做一篇实现xlsx文件导出的技术总结。分别关于后端是否提供xlsx文件流,还是json格式数据a标签导出xlsx文件我们可以直接通过,a标签href,浏览器直接调接口导出xlsx文件。但是当接口有权限认证时,a标签不能添加请求头,权限认证通过不了。<a href="url接口地址">导出文档</a>axios模拟a标签注意这里响

#json#javascript#node.js
在vue中echarts自定义label 标签样式formatter(饼状图把label标签颜色设置为饼图内容相应颜色)

在用echarts做图时,label样式默认。在这里记录怎么修改label样式echart1() {let Mychart1 = echarts.init(document.getElementById("chart1"));let option = {tooltip: {trigger: "item",},legend: {orient: "vertical",

#css#echarts#css3
浅谈vue中watch监听器的触发时机(watch的坑)

起因我需要在页面created时获得商家的类型id值,然后监听id值,动态的改变请求接口的地址。请求接口的函数在mounted中执行。业务逻辑写完后发现,页面在第一次加载时,接口没有数据,原因接口地址为空,即接口地址没有改变。代码created() {this.typeId = this.$route.params.id;console.log("this.typeId的值发生改变,触发watch

vue启用打印机打印-二维码条形码打印

使用px来设置距离需谨慎,相同px在不同纸张呈现大小可能是不相同的。小距离的变动px是无法呈现的。(举个栗子:在某一纸张上1px=0.3mm,此时我只想上移0.2mm)构建所需要打印的内容,利用vue-print-nb进行打印。二维码条形码打印的本质就是图片打印。注意:在页面上设置的样式打印时是没效果的,这里需要用过媒体查询来设置样式。所需插件 vue-print-nb 本文版本1.7.5。资产、

文章图片
#vue.js#javascript
vue扫码枪应用

扫码枪本质是键盘按键输入,扫码枪在扫码完成会有一个回车输入,我们可以将回车键视为扫码完成。所以监听扫码枪输入实际就是监听按键输入。barCode :储存扫码数据。

#vue.js#javascript#前端
vue路由$router.push()的三种传参方式

$ router.push() 的三种传参方式最近在工作中遇到需要使用$router.push传递一个对象,在这里做一下技术总结通过path传参很常用的一种,传递的参数会显示到path中,在刷新页面时数据不会丢失,常用于数据的新增、编辑、查看详情。this.$router.push(`pushAdd/${id}`)路由配置{path: '/pushAdd/:id',component: () =&

#vue.js
vue+element实现鼠标滚轮控制轮播图

实现鼠标滚轮控制轮播图:使用element走马灯:<template><div class="box">//添加@mousewheel鼠标滚轮事件<div style="height: 100%" @mousewheel="rollScroll($event)"><el-carouseldirection="vertical":autoplay="fals

#elementui#javascript
    共 12 条
  • 1
  • 2
  • 请选择