- 博客(12)
- 收藏
- 关注
RSS订阅原创 vue导出表格
第一步，下载依赖cnpm install vue-json-excel第二部，项目中引入在main.js中写入如下代码import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)第三步，在需要下载exal表格的页面中使用<template> <div> <download-excel class = "export-excel-w
2021-04-14 15:08:33
501
原创 vue导出word
vue导出word需求：导出work电子存档第一步、安装依赖cnpm install docxtemplater pizzip --save-devcnpm install jszip-utils --save cnpm install jszip --savecnpm install file-saver --save第二步、引入依赖<template> <p @click="exportWord">导出并下载word</p></templa
2021-04-13 18:35:09
325
2
原创 vue生成code128条码
VUE生成code128条码1、先下载插件npm i jsbarcode2、生成条码<template> <div style="width: 66%;margin: 12px auto 0"> <!-- 这里的标签用img和svg都可以，个人觉着svg更清晰一点 --> <svg class="tiaoMa"></svg> </div> <template/><script>im
2021-04-09 16:04:54
595
原创 js自动刷新视图
scrollToBottom () { setTimeout(() => { let container = document.getElementById('chaterInfo') container.scrollTop = container.scrollHeight }, 50) }
2021-03-01 11:20:56
108
原创 vue搜索关键字结果文字高亮
虽然常见，但还这是头一次碰到这种需求，研究了半天，还是正则匹配比较靠谱。废话不多说，直接上代码<template> <div> <input type="text" v-model="keyWork"> <div v-for="(item,index) in info" :key="index"> <div v-html="ruleKeyWord(item.name)"></div>
2021-01-27 18:44:51
231
1
原创 vue移动端适配案例
刚接触移动端项目的时候, 适配真的有恶心到我。后来没事的时候自己写了一个vue适配的空项目案例，下面链接可以下载。希望可以帮到被适配搞晕了头的小伙伴们。链接： https://github.com/fan2cai/-666...
2020-09-01 17:32:05
328
原创 vue组件传值--源码
一、子传父子组件: 通过事件触发的方法, 在触发的方法中通过 this.$emit("自定义监听事件", "想要传递的数据")。父组件: 通过@子组件的自定义监听事件="新的方法名" 来获取子组件传递的数据。父组件中的代码<template> <div> <div> <p>这里是父组件 接收的值为: {{sonValue}}</p> </div>
2020-07-27 14:26:39
160
原创 mpvue中小程序自定义动画
mpvue中小程序自定义动画场景: mpvue框架搭建的小程序, 本人能力有限, 写js动画还可以, 但是小程序里面看了文档没闹明白, 然后就各种查资料, 终于功夫不负有心人。话不多说，上代码 ↓一、动画形式1==> 从底部滑入滑出<template> <!-- html部分 --> <div> <div class="open" @click="showAnimation()" :animation="animationData" v-if=
2020-06-28 14:39:50
364
原创 js中布尔值为false的几种情况
场景： 个人对布尔值的转换了解的不够多，但转布尔值的场景非常常见, 参考了些许资料，此文章仅作为个人参考, 如有错误欢迎指正。一、布尔值为false的六种情况undefined：未定义， 找不到值时出现undefined。null：代表空值。false：此false为布尔值的false，但字符串‘false’转布尔值为true。空字符串：单引号‘’，或者“”。中间有空格时转布尔值为true。NaN：无法计算结果时出现，表示‘非数值’，但是typeof NaN===“number”。0：数字零
2020-06-19 16:11:55
3194
原创 vue移动端PDF预览
pdf预览在项目中是很常见的，PC端可以直接打开一个新窗口预览，因为这里的PDF是一个支持下载的PDF， 所以在移动端打开PDF链接时候是让下载，然后就想到了在页面上展示/预览PDF的内容，下面是我的具体操作步骤：vue中安装依赖npm install --sava vue-pdf一般PDF都是多页的, 当然插件也是支持多页的, 移动端上下滑动即可查看PDF。多页展示html部分&l...
2019-12-18 17:16:57
2568
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人