- 博客(43)
- 收藏
- 关注
原创 uniapp使用npm命令引入font-awesome图标库最新版本并解决APP和小程序不显示图标的问题
报错:[渲染层网络层错误] Failed to load local font resource /assets/fa-brands-400.b7dee83c.ttf。图标库网址:https://fontawesome.com/search?这个方法在web端可以正常显示,但是在微信小程序和APP中不显示,解决完后会更新。原因:小程序解析不了ttf文件,需要将ttf文件转为base64文件。转换工具:https://transfonter.org/就可以在小程序上正常显示了。
2024-04-07 17:04:42 905 2
原创 uniapp实现u-datetime-picker时间选择器的默认日期定位,解决default-value不生效问题
想实现的效果是点开时间选择器默认显示当前日期,而不是该选择器最早的日期。
2024-03-25 16:10:15 1671 2
原创 uniapp自定义导航栏左中右内容和图标,以及点击事件
效果:methods:{// 处理返回逻辑,可以是uni.navigateBack或uni.switchTab等},// 处理设置图标点击事件})},title: '点击了设置',});top: 0;flex: 1;
2024-03-22 11:59:46 1480
原创 uview组件中直接用closeOnClickOverlay属性不生效问题
注:是close不是cancel方法,属性需要设置为true,默认是false。
2024-03-18 15:49:25 892
原创 uniapp使用uview - DatetimePicker 时间选择器 /时间戳转化
单元格内显示时间,点击可出现时间选择器切换时间,将v-model绑定的时间戳转换成所需时间
2024-03-18 15:23:43 2169
原创 【vue2实现Tabs标签的切换和删除】
如图,使用的是router.push(name),点击获取到的页面url直接拼接到地址栏,导致匹配不到地址,出现空白页。方法二:存在于keepList这个数组的页面才会被缓存,这里要注意的是数组内的值要与页面的name对应。标签数据缓存在store,刷新页面的时候先存储但session中,页面加载后再重新取出赋值。方法一:直接包裹组件,这样会缓存所有包裹的页面,不太符合情况。左侧菜单组件,我的是leftnav.vue。标签组件TabsContent.vue。标签组件TabsContent.vue。
2023-08-25 13:45:00 2586 4
原创 微信小程序使用van组件Tabbar 标签栏
开发者工具创建的项目,miniprogramRoot 默认为 miniprogram,package.json 在其外部,npm 构建无法正常工作。(8)按需引入,在对应的page页面的 .json文件中的usingComponents属性中通过路径找到@vant引入你想使用的组件。(2)与pages同名创建custom-tab-bar文件夹(名字不能变),并创建index组件(tabbar自定义组件)(1)打开我们小程序的项目目录,然后打开文件所在的位置。(5)修改 app.json。
2023-05-15 17:28:41 1701
原创 vue3中实现关闭浏览器清除localStorage内容,刷新不清空
【代码】vue3中实现关闭浏览器清除localStorage内容,刷新不清空。
2023-04-07 14:13:59 2916
原创 element-plus【MessageBox 消息弹框】加校验
inputErrorMessage:“输入错误时,显示的校验内容”userPassword: md5(value);因为不用校验格式,所以就加了个正则表达式,不能为空。
2023-03-06 11:38:21 1967 3
原创 vue表单el-form-item校验电话、身份证号以及多个prop
校验身份证号校验多个prop方式可能比较简单粗暴直接套了多个el-form-item,然后调了一下样式
2022-12-06 10:10:27 1253 1
原创 vue2+element自定义导入文件方法
data() {return {fileList : [ ] , //文件 } }} else {} });//注意el-upload里一定要写ref } ,
2022-12-02 09:38:43 411
原创 使用element-ui环形进度条报错[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“.
[Vue warn]: Invalid prop: custom validator check failed for prop "percentage".
2022-12-02 09:29:02 440
原创 vue2+element表单,循环多个el-form-item并校验或校验多个表单
【代码】vue2+element表单,循环多个el-form-item并校验或校验多个表单。
2022-11-23 09:31:41 1674
原创 解决:vue.esm.js?efeb:1906 TypeError: Cannot use ‘in‘ operator to search for ‘fami‘报错
对应翻译:efeb:1906 TypeError:不能使用’in’操作符搜索’fami’原因就是在vue内部在解析form这个对象时,返回数据为空,不能得到绑定的数据类型,发现是接口返回的res.data是null是就会报这个错误,同时也不能输入任何数据。
2022-10-26 17:24:17 790 1
原创 使用date-picker出现报错vue.esm.js?efeb:628 [Vue warn]: Avoid mutating a prop directly since the value will
改变element-ui的版本,我当前使用的是:“element-ui”: “^2.3.2”1、报错截图发现是使用element-ui中date-picker日期选择器的原因。
2022-09-28 15:49:22 393
原创 vue+element表格的合计方法
将show-summary设置为true就会在表格尾部展示合计行。默认情况下,对于合计行,第一列不进行数据求合操作,而是显示「合计」二字(可通过sum-text配置),其余列会将本列所有数值进行求合操作,并显示出来。缺点是将所有列的数字信息都统计出来,包括你不需要的。使用summary-method并传入一个方法,返回一个数组,这个数组中的各项就会显示在合计行的各列中。
2022-09-27 14:07:25 1676
原创 vue+element表单设置动态表头及内容
注意:v-for写在非template上,添加:key没有任何问题,但是写在template上就不行了,加了就报错。利用prop属性绑定对应值,label绑定表头。【3】表头及表单内容对应不同的数组,实现方法。
2022-09-26 18:53:22 1486 2
原创 get和post的区别
1、浏览器回退的时候get不会重新请求,post会2、get请求会被浏览器主动缓存,post不会3、get请求的参数会保留在浏览器历史记录里面,post不会。为了防止CSRF攻击建议使用post4、get请求在url中传递的参数有大小限制(不同浏览器限制不同,基本是2kb),而post没有5、get的参数是直接暴露在url上的,相对不安全。post的请求参数是在请求体中的
2022-09-21 17:29:53 473
原创 vue使用element实现Radio单选
1、样式:在弹出框中选择同意/拒绝 点击保存后提交到后台。5、显示编辑弹窗=》点击单选框=》保存=》刷新页面。
2022-09-21 09:01:33 2815
原创 使用element颜色选择器修改布局头部和导航栏颜色
使用element颜色选择器修改布局颜色。1、样式:首先将选择器放在布局头部。2、在仓库中监听bgcolor的改变
2022-09-16 12:01:17 1877
原创 vue2+element+导入Excel表格并携带参数
file-list="导入的文件列表"action="写后端导入接口地址":on-change="方法名称"(2)data中定义数组。
2022-09-13 10:03:25 1530
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人