阿乐のBlog - aqingya.cn

wxml 12<view>内容：{{contents}} </view><view bindtap='copyText' data-text="{{contents}}">复制</view> JS 1234567891011121314151617181920Page({ data: { contents:'这是可以复制的文字,粘贴后即可看到效果' }, copyText: function (e) { console.log(e) wx.setClipboardData({ data: e.currentTarget.dataset.text, success: function (res) { wx.getClipboardData({ succes ...

微信小程序之点击复制文本到剪贴板

发表于2022-10-09|微信小程序|微信小程序| 条评论

父子组件通信：父组件中通过v-bind绑定传送，子组件通过props接收例如：父组件： 12345678910111213141516<template> <div> <div> <h2>标题</h2> </div> <chart :chartData="chartData"></chart> </div></template><script> data(){ return { chartData: [10,10,10] } }</script> 子组件： 123456789export default { props: { chartData: { type: Array, ...

vue子组件的created和mounted中获取不到props中接收到的值

发表于2022-09-09|Vue|Vue| 条评论

el-form表单校验，已经配置rules，当我们手动删除输入框的值，提示firstParty is required英文提示，配置的明明是中文：请选择合同甲方，为何会有英文提示？让我们一起来看代码~ 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566<el-form :model="addModel" :rules="addRule" ref="addForm" label-width="90px" style="padding-right: 0.9375rem;" > <el-form-item label="合同名称" required prop="contractName"> <el-input v-mode ...

el-form表单校验出现英文

发表于2022-09-09|element|element| 条评论

手机号掩码：1234567891011121314151617//手机号掩码function mobilePhoneMask(input) { var output = input; if (input == null || input == "") return output; output = input = $.trim(input); if (input.length > 6) { output = input.substr(0, 3) + "*****" + input.substr(input.length - 3); } else if (input.length > 3) { output = input.substr(0, 3) + "*****"; } else if (input.length > 0) { output = ...

JS 手机号/身份证/银行账号/邮箱/QQ/电话掩码处理

发表于2022-09-09|微信小程序|微信小程序•掩码处理| 条评论

实现说白了，在 onShow() / onHide() 生命周期函数中注册定时器即可。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869Page({ /** * 页面的初始数据 */ data: { realTime: null,//实时数据对象(用于关闭实时刷新方法) }, /** * 生命周期函数--监听页面显示 */ onShow: function() { /** * 防止用户拿不到最新数据(因为页面切换会重新计时) * 无条件请求一次最新数据 */ console.log('请求接口：刷新数据(无条件执行)') /** * 每隔一段时间请求服务器刷新数据(客户状态) * 当页面显示时开启定时器(开启实时刷 ...

微信小程序 - 每隔一段时间请求后端接口获取最新数据（实时刷新数据）

发表于2022-09-09|微信小程序|微信小程序| 条评论

微信小程序如何获取元素的高度 1、获取元素的高度（px单位）： 12345let query = wx.createSelectorQuery();query.select('.content').boundingClientRect(rect=>{ let height = rect.height; console.log(height);}).exec(); 2、获取元素的高度（rpx单位），使用宽高比换算获得：（以下的750是该元素的宽度，单位是rpx的） 12345678let query = wx.createSelectorQuery();query.select('.content').boundingClientRect(rect=>{ let clientHeight = rect.height; let clientWidth = rect.width; let ratio = 750 / clientWidth; let height = clientHeight ...

微信小程序获取元素高度的方法

发表于2022-09-09|微信小程序|微信小程序| 条评论

123456789101112131415161718192021222324252627282930313233343536373839404142434445/**设置监听器**/ export function setWatcher(page) { let data = page.data; let watch = page.watch; Object.keys(watch).forEach(v => { let key = v.split('.'); // 将watch中的属性以'.'切分成数组 let nowData = data; // 将data赋值给nowData for (let i = 0; i < key.length - 1; i++) { // 遍历key数组的元素，除了最后一个！ nowData = nowData[key[i]]; / ...

微信小程序watch监听

发表于2022-09-09|微信小程序|微信小程序| 条评论

1、消除字符串左边的空格123function leftTrim(str){ return str.replace(/^\s*/,"");//^符号表示从开头即左边进行匹配 } 2、消除字符串右边的空格123function rightTrim(str){ return str.replace(/\s*$/,""); } 3、消除字符串两边的空格123function trim(str){ return str.replace(/(^\s*)|(\s*$)/g,"");} 微信小程序自动去除input空格的方法12<input type='text' data-name='account' value='{{account}}' name="account" bindinput='verification ...

正则删除字符串左、右或两端的空格经验总结

发表于2022-09-09|正则表达式|正则表达式| 条评论

前言1提示：正确设置v-for中的prop属性可以解决如下报错： Error: please transfer a valid prop path to form item! 提示：以下是本人在实际项目中遇到的相关问题，下面案例可供参考一、element ui 在使用v-for循环时prop和rules如何设置？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.具体代码代码如下（示例）： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546<el-form ref="personInfoForm" v-loading="infoLoading" :model="personInfo" :rules="formRules"> <div v-if="personInfo.hasPassBy== ...

element ui表单组件如何在vue的v-for循环的校验规则以及prop的设置

发表于2022-09-09|element|element| 条评论

1、每个页面的js文件都要添加 123456onLoad: function (options) { wx.loadFontFace({ family: 'PingFangSC-regular', source: 'url("https://img2.misssixty.com.cn/rs/lib/fonts/PingFangSC-regular.ttf")' }) }, 也可以把文件下载下来引用 1source: 'url("/utils/PingFangSC-regular.ttf")' 2、设置wxss 文件(可以设置全局) 123page{ font-family:'PingFangSC-regular';}

微信小程序开发设置苹方字体

发表于2022-09-09|微信小程序|微信小程序| 条评论

数据库加载中