周zerlinda-CSDN博客

官方文档写得不详细，开发项目的时候在select中踩了好多坑，业务需求，需要拿option循环数组3个值，这时候怎么办，只看到官网提供绑定的label与value，只有两个值，我还要拿个值怎么办？绑定一个tag业务需求在一个数组中每个元素对象的下拉列表要变化，怎么把v-for循环遍历的东西传进去，并且拿到on-select事件中绑定的值了？这样就可以然后select数据回显的问题，v-model的值绑定的是option中绑定的value值......

2022-05-31 12:26:26 247

原创 vue项目tinymce引入kityformula-editor组件笔记

vue-cli版本是3.x以上版本在中文官方手册TinyMCE中文文档中文手册中下载好数学公式插件压缩包安装好依赖后，在node_modules目录中将timymce文件夹plugins目录将解压后的kityformula-editor文件夹复制粘贴过来现在public中创建staic目录，在node_modules目录中将timymce文件夹复制粘贴过来，index.html中添加箭头所指引入js（作用是在自定义的公共组件editor中无需一个个import 插件）..

2022-05-23 10:43:13 2373 5

原创 Invalid default value for prop “question“: Props with type Object/Array must use a factory function

props:{ question:{ type:Array, default:function(){ return [ { qType:1, value:2, show:true, multipleChoiceList:[{value:''}], choiceList:[{value:''}],...

2022-05-21 10:22:48 914

原创 vue自定义全局指令v-limitTextLen字数限制

mian.jsVue.directive('limitTextLen', { bind: function (el) { console.log("el: " + JSON.stringify(el)); }, inserted: function () {}, update: function (el, binding,vnode) { console.log("字数限制: ",binding ); console.log("字数限

2022-05-20 10:21:30 637

原创微信小程序vue项目总结

1.性能优化，避免过多的调接口数据，占用带宽避免过多服务器的消耗，能放本地缓存的数据就放本地缓存，很长时间不变的数据直接写死，以及接口按照一定的时间才去重新调用接口2.数据问题，核心数据需与后端协商进行接口加密，以及限制接口调用频率，防止不正常的接口调用频率（如一秒钟单个ip地址调用同一个接口10次+），提高数据被爬取与流量攻击的门槛，所有请求用https3.哪些数据可以不返回给前端的尽量不返回4.用户容易高触发的事件添加节流防抖5.将经常用到的组件编写成公共组件提高开发效率6.因微信小

2022-04-24 23:30:27 564

原创 uniapp 微信小程序引入友盟统计的sdk

1.现在友盟平台新建新建小程序应用，创建好后会有一个appkey2.安装友盟统计微信sdknpm install umtrack-wx --save

2022-04-23 11:16:52 1461

原创 uniapp小程序用户离开在进去保留用户上一次操作

思路：将用户选择的操作记录存储到本地缓存中页面进入加载就读取缓存判断缓存是否有数据若有就拿缓存中的数据，页面卸载或页面隐藏时存入缓存实现步骤：onLoad(){ let obj=uni.getStorageSync('aiChooseSchool'); //缓存 if(Object.keys(obj).length>0)this.user=obj; }, onHide() { if(Object.keys(this.user).length >0) u

2022-04-12 15:20:34 1232

原创 uniapp底部导航栏显示红点与数字

uni.showTabBarRedDot({ //显示红点 index: 2 })uni.setTabBarBadge({ //显示未读消息条数 index: 2, ...

2022-02-24 17:05:01 2933

原创 uniapp 前端控制公告弹窗控制在限定的时间内显示

let firstDay = new Date(); firstDay.setFullYear(2022, 0, 28); let lastDaty = new Date(); lastDaty.setFullYear(2022, 1, 10); let today = new Date(); console.log(lastDaty, 'lastDaty'); console.log(firstDay, 'firstDay'); console.log(today, 'to..

2022-02-24 17:03:02 608

原创富文本，前端如何修改图片样式

富文本返回的图片样式不是前端所需样式str.replace(<img ,<img style=“height:100％；width:690rpx”)

2022-01-04 10:59:53 1058 2

原创 uniapp 上拉加载

1.uniapp自带的onReachBottom方法2.scroll-view

2021-12-19 23:21:31 165

原创 uniapp微信小程序ios真机上测试页面下拉出现白边

解决方法一：在page.json ,单个页面中的样式设置背景全局设置

2021-12-11 10:16:59 4281 1

原创 uniapp 微信小程序弹窗用户授权

效果图 <view class="mask" ></view> <view class="model_box" > <view class="mb-tit">用户协议和隐私政策</view> <view class="mb-content"> <view class="mb-con">尊敬的用户您好！</view> <view class="mb-con"&g.

2021-12-09 11:47:23 3044 1

原创 uCharts 图表不要放到scroll-view

uCharts 图表放到scroll-view 导致提示框不能显示

2021-12-07 11:20:17 348 3

原创 ucharts 折线图y轴数据显示问题

ucharts的y轴默认对数据是5等份，y轴的最大值与最小值是默认取数组里面最大值与最小值，当最大值数值小于5时就会出现这种数据显示异常的问题解决方法：自定义y轴的最大值与最小值，从数组拿到最大值与最小值。最大值与最小值分别与5取余，如果能整除，就让y轴的最大值与最小值分别等于数组的最大值与最小值，反之走下面代码逻辑this.chartList.forEach(item=>{ arr.push(item.jbw) arr.push(item.eyy) .

2021-11-16 15:56:29 5288 1

原创 uniapp微信小程序原生导航栏返回事件自定义跳转特定页面

在网上搜说在onBackPress事件中定义跳转方法，但在微信小程序这端没有作用。解决办法：onUnload事件与onLoad()同级onUnload(e) { console.log("返回")//返回首页 uni.switchTab( { url:'../../access/index/index' }) },...

2021-11-16 15:32:23 5832

原创 uniapp动态计算swiper的高度

高度计算不到的原因1.数据还没渲染上去，高度已经计算了，结果为null2.页面里面嵌套组件，组件里面又嵌套组件，导致层级过多，获取不到高度，所以swiper尽量写在页面里，不要放到组件中。3.给动态计算高度的方法设置一个延时器setTimeout(()=>{动态计算的方法}，500)4.这个方法是目前最有用的 JS:setExamHeight() { console.log("setExam: " ); this.swiperHeight=860;

2021-11-15 23:16:25 1584

原创 Uniapp ucharts柱状图使每个柱体颜色不一样

this.chartData.categories = ['985', '211', '双一流', '普通'];重点：this.chartData.series=[{name:"",data:[{color:"#FFF000",value:6},{color:"#aaabbb",value:7},{color:"#00FF00",value:6},{color:"#FF0000",value:1}]}]效果图

2021-11-06 16:11:43 3840 2

原创 uniapp自定义下拉选项组件

效果图字体默认颜色为黑色，未选中右边图片不显示，选中，当前选中这一行字体变蓝色，当前选中这一行右边图片显示代码默认styleShow=false <view @tap="study" class="filterText" :class="studyShow ? 'active' : ''"> {{ learnStyle || '学习方式' }} <u-icon name="arrow-down-fill" color="#3E3E3E" siz..

2021-10-11 23:30:39 3037

原创获取手机设备信息

1.uniapp中提供了一个API为uni.getSystemInfo(OBJECT)//获取系统信息uni.getSystemInfo({ success(res) { console.log(res.brand) //手机牌子 console.log(res.model) //手机型号 console.log(res.screenWidth) //屏幕宽度 console.log(res.screenHeight) //屏幕高度

2021-10-11 23:07:04 364

原创 WebView 微信小程序跳转h5项目，h5项目拿到token

1.在uniapp项目中，新建webView的页面，实现小程序跳转h5页面<template> <view>  <web-view v-if="webURL" :src="webURL"></web-view>  </view></template><script>import url fr...

2021-10-11 23:05:49 2696 3

原创 Uniapp H5 ref 修改元素背景颜色

<template> <view> <view ref="r1" @click="cancel"><text>11111111</text></view> <router-link to="/index" event="mouseover">hhh</router-link> </view></template><script>export default.

2021-08-22 15:10:32 2073 2

tinymce 5 zh_CN.js

uniapp 如何实现文本选中划线，自定义功能