- 博客(43)
- 收藏
- 关注
RSS订阅原创 vue数字公式篇 Tinymce结合使用（二）
3、为什么不能渲染的时候直接把公式赋值到父级span标签上呢，由于原因1，我是不能存储span 以及 p这种常规的标签 如果把公式放到标签上 也没办法保证用户就只录入一个公式 而且这种直接赋值也是js去渲染的比较慢。1、我们是用户编辑内容，最终有后端形成word文件，编辑在进行处理，这就会导致不能随意存储数据。渲染之后 会取代原内容 转成这样的标签 并且不会记录公式，所以我才想着在套一个自定义的标签。继上一篇的数字公式 ， 这次的功能是将公式能插入编辑器以及修改。注意：所有的公式都是。
2025-03-26 13:25:07
379
原创 vue html代码生成word 设置页面大小
label: '竖向',value: 1,},},label: '横向',value: 2,},],// 将 HTML 转换为 Word Blobconst converted = htmlDocx.asBlob('自己的html代码', {},});// 触发文件下载。
2024-12-04 16:59:56
371
原创 word表格 转换html 并导出.docx和图片（vue）
特别注意，关于页面大小（A4，页面边距是无法改变的 我多次尝试 没什么效果 我的方法是定义好表格宽高 人工对生成的word进行改变 ）在处理td内容时 如果内容出现上标下标要进行特殊处理不然会被覆盖。2、开始写代码 (以下代码包含生成word以及生成图片)1、导出使用了htmlDocx插件。
2024-12-03 16:25:05
609
原创 在vue中使用 animate.css 和 wowjs 注意事项
4、如果 wowjs在vue项目中使用有个奇葩的现象，就是只有网页第一屏的动画可以显示，鼠标往下滚动不仅动画没出来，就连原来的html元素也没有显示出来成了一片空白。1、在node_modules/wowjs/dist/wowjs.js这个源文件里。3、使用页面 .vue 中 添加类名和 mounted 写入方法。2、main.js 引用。
2023-09-19 14:00:42
333
原创 uniapp-小程序点击底部导航跳转并刷新页面
众所周知，使用uniapp写的小程序有缓存问题，由于是希望二级页面返回上一页时停留在之前浏览的位置上，这就说明不能在生命周期onShow进行数据重新渲染的操作！！！但是今天测试小姐姐希望点击底部tab栏能进进行刷新页面请看uiapp官网中有一个生命周期：onTabItemTap 可以借用一、生命周期onTabItemTap<script> export default { onTabItemTap(e) { // tab 点击时执行，此处
2022-05-28 18:31:40
2585
原创 逆地址解析
一、引入SDK核心类var QQMapWX = require('/static/js/qqmap-wx-jssdk.js');var qqmapsdk;二、实例化API核心类 qqmapsdk = new QQMapWX({ key: 'xxxx' });三、方法 wx.getLocation({ type: 'wgs84', isHighAccuracy: true, success (res) {
2022-03-22 11:12:28
484
原创 vue之复制内容到剪贴板
一、下载依赖npm install vue-clipboard2 --save二、main.js引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)三、使用 <span v-clipboard:copy="f" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</span>四、方法// 复制成功时的回调函数onCop
2022-01-24 10:50:39
843
原创 vue 之二维码
一、安装npm install vue-qr --save二、引用import VueQr from 'vue-qr'components:{VueQr},三、页面 <div class="linkBox"> <vue-qr :logo-src="logoSrc" :size="130" :margin="0" :auto-color="true" :dot-scale
2022-01-24 10:45:42
458
原创 小程序功能（六）支付
##支付//appid+secret wx.login({ success: function(res) { var code = res.code; wx.request({ url: "https://api.weixin.qq.com/sns/jscode2s...
2020-04-07 14:39:36
241
原创 小程序功能（五）分享
##html<button open-type="share">##js //和data和methods同级onShareAppMessage: function (res) { if (res.from === "button") { } let img = ""; img = this.goods.shop_img[1].image; ...
2020-04-07 14:37:50
276
原创 小程序功能（四）多种跳转
解决跳回一级页面##方法一：WXML页面实现1.<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator>2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator>3.<navigator url...
2020-04-07 14:36:39
265
原创 小程序功能（三）富文本
解决图片无法自适应问题<rich-text :nodes="data.details"></rich-text>使用正则替换尺寸var data = res.data; str = data.details.replace(/<img[^>]*>/gi, function( match, capture ) { // r...
2020-04-07 14:33:27
191
原创 小程序功能（二）轮播图
<div class="bannerBox"> <swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" :circular="...
2020-04-07 14:31:55
258
原创 小程序功能（一）自动授权登录
##html//小程序授权必须是按钮（点击授权）<button class="authorized-collection" open-type="getUserInfo" lang="zh_CN" @getuserinfo="bindGetUserInfo">授权领取礼包</button>##js bindGetUserInfo...
2020-04-07 14:29:40
5794
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人