logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue、echarts、html-docx-js-typescript、file-saver、dom-to-image将页面下载成word、图片并下载(纯前端)

需求中描述是要将一个页面下载成word文档,研究了个demo测试一下。1、下载依赖npm install html-docx-js-typescript --save-devnpm installfile-saver--save-devnpm installdom-to-image--save-dev2、在调用的页面导入import domtoimage from 'dom-to-image'im

#vue.js#javascript#typescript
Google浏览器记住密码之后,自动填充后input的背景色和color默认样式去除

google浏览器记住密码之后,账号密码框自动填充到input当中,输入框的背景色为白色,color为黑色,目标是去除这些自动填充之后的默认样式。在reset.css当中写入填充后的样式input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {-webkit-text-fill-col...

vue+axios soap (xml)数据转换json数据

vue+axios soap xml数据转换json数据1、导入npm i x2js2、引入文件main.jsimport x2js from 'x2js' //xml数据处理插件Vue.prototype.$x2js = new x2js() //创建x2js对象,挂到vue原型上3、调用let jsonObj = this.$x2js.xml2js('<soap:Envelope xml

element 自定义处理transfer穿梭框

根据项目需求需要实现可以单选进行选择,并且点击左侧的时候自动添加到右侧中去,代码呈上传入的参数:isradio=true时为单选模式只能从左侧选一个,为false的时候可进行多选主页面:<template><section class="main-content"><div class="container infor_wrap"...

二次开发element el-tooltip+span 超出文本部分显示省略号鼠标悬浮显示全部内容

二次开发element组件 el-tooltip+span 超出文本部分显示省略号鼠标悬浮显示全部内容EllipsisTooltip.vue(我是放置在了src/components)<template><!-- :disabled="disabledTip" --><el-tooltipref="tlp":content="text"effect="dark":di

vue使用Element组件时v-for循环里的表单项验证方法

<template><div class="content-body"><el-form ref="form" :model="form" :rules="rules" label-width="120px"><el-row :gutter="10"><el-col :span="12" :offset="0"&gt...

echarts+vue 环形图将总数放置在饼图中央,且鼠标悬浮图例可以显示提示信息,图例提示信息数据计算比例采用最大余额法计算

echarts+vue环形图将总数放置在饼图中央,且鼠标悬浮图例可以显示提示信息,图例提示信息数据计算比例采用最大余额法计算initEchartPie()initEchartPie(){setTimeout(()=>{constmyCharts = this.$echarts.init(this.$refs.myChartPie);myCharts.showLoading({text: "数

vue watch (深度监听)data多层属性

vue watch (深度监听)data多层属性当我们的data属性是有两层以上的时候,我们写watch监听内层属性的变化,普通watch就会报错。假设我们的代码如下:<div><p>FullName: {{name.fullName}}</p><p>FirstName: <input type="text" v-model="name.fir

vue自定义滚动条

//自定义滚动条import PerfectScrollbar from 'perfect-scrollbar';//对应的cssimport "perfect-scrollbar/css/perfect-scrollbar.css";const el_scrollBar = (el) => {if (el._customize_scroll instanceof Perfe...

vue 路由懒加载的三种方式,以及遇到线上版本因为路由懒加载会偶发出现Loading chunk xx failed 的解决办法

vue 路由懒加载的三种方式(本人常用ES6的import按需加载)const login = resolve => require(['@/pages/auth/login/login'], resolve)//vue异步组件按需加载方式const login = () => import(/* webpackChunkName: "login" */ '@/pages/auth/l

    共 24 条
  • 1
  • 2
  • 3
  • 请选择