文章分类 -  issure

在开发中遇到的一些坑，记录备忘
微信小程序种子项目之自定义tabBar
摘要：效果图 开始配置 1.设置custom 最关键的一步就是在app.json中的tabBar下开启custom为true，并且配置对应的路径，否则不会生效。 "tabBar": { "custom": true, "list": [ { "pagePath": "pages/home/index", 阅读全文
posted @ 2022-02-15 01:08 杨凌云的博客 阅读(305) 评论(0) 推荐(0)
Element Form表单求嵌套表格，实现表格内容校验
摘要：效果图 代码 <template> <div class="app container"> <el-form ref="dataFpormRef" :v-model="dataForm"> <el-table :data="dataForm.list"> <el-table-column label 阅读全文
posted @ 2022-02-14 16:30 杨凌云的博客 阅读(641) 评论(0) 推荐(0)
数组形式的数据结构，提交给接口时转换为对象集合
摘要：在表格中的数据体现 const inputParam = [ { paramName: "pageNum", value: "1" }, { paramName: "pageSize", value: "10" }, ]; 代码 const requestData = inputParam.redu 阅读全文
posted @ 2022-02-14 15:40 杨凌云的博客 阅读(61) 评论(0) 推荐(0)
vue+element实现前端自己分页的场景效果
摘要：效果图 代码 <template> <div class="app-container"> <el-table border height="200px" :data=" dataList.slice( (queryParams.pageNum - 1) * queryParams.pageSize 阅读全文
posted @ 2022-02-14 13:00 杨凌云的博客 阅读(90) 评论(0) 推荐(0)
如何给html标签img清除图片缓存
摘要：前言 在开发中遇到过这么一个问题，图片上传多次或者重复渲染图片，这个时候可以发现，数据更新了，图片却没有发生变化，这个原因很有可能是缓存导致的 怎么玩儿 在img标签的src属性上加一个时间戳 <img :src="`data:image/jpeg;base64,${img}?${Date.now( 阅读全文
posted @ 2022-01-22 14:51 杨凌云的博客 阅读(1104) 评论(0) 推荐(0)
微信小程序种子项目之wxs的使用
摘要：前言 在微信小程序中是没有办法像vue或者react那样在html中调用js中的方法，腾讯说不行就是不行，你说了算，哈哈哈 因此微信官方文档中给出了wxs的解决方法，其实本质上也是在.wxs文件中写javascript代码，没啥区别 如何定义 在untils创建format.wxs,注后缀是.wxs 阅读全文
posted @ 2021-12-27 21:36 杨凌云的博客 阅读(410) 评论(0) 推荐(0)
el-table根据列表状态，控制是否可以勾选checkbox
摘要：话不多说，这里直接上业务代码 html部分 <el-table :data="dataList" @selection-change="handleTableSelect"> <el-table-column type="selection" :selectable="handleTableSele 阅读全文
posted @ 2021-12-18 21:34 杨凌云的博客 阅读(722) 评论(0) 推荐(0)
Vue项目导出数据到csv文件
摘要：使用到的插件 papaparse 安装依赖包 npm install papaparse 注意事项 首先，导出的数据一定得是一个列表，一个对象列表，例如： dataList: [ { name: "红木", type: "P000001", price: "￥88888" }, { name: "水 阅读全文
posted @ 2021-12-14 09:26 杨凌云的博客 阅读(1197) 评论(0) 推荐(0)
element按需引入组件，并模块化
摘要：安装babel-plugin-component npm install babel-plugin-component -D 配置 vue3+版本直接在babel.config.js文件中的module.export下添加plugin选项 复制下面代码至配置文件中 { "presets": [["e 阅读全文
posted @ 2021-12-10 09:36 杨凌云的博客 阅读(293) 评论(0) 推荐(0)
el-form表单验证与清空表单的方法
摘要：方式一 通过在data中定义rules验证规则实现 html表现 <el-form ref="dataFormRef" :model="dataForm" :rules="rulesForm"> <el-form-item label="姓名：" prop="name"> <el-input v-m 阅读全文
posted @ 2021-12-02 09:40 杨凌云的博客 阅读(2503) 评论(0) 推荐(0)