.try--CSDN博客

原创 Vue使用tinymce富文本

/ content_css: "/web-official-website-manage/skins/content/default/content.css", //以css文件方式自定义可编辑区域的css样式，css文件需自己创建并引入。skin_url: "/tinymce/skins/ui/oxide", //皮肤，自带浅色和深色，在piblic的tinymce的skins的ui里面。// icons_url: '/项目名/icons/custom/icons.js', //自定义图标。

2024-08-05 17:24:04 1076

原创 js与ios、安卓原生方法互调。

调用安卓方法并且传递参数过去：window.WebAppInterface.安卓方法("参数")window.webkit.messageHandlers.方法名.postMessage(vue2版接受ios传递过来的参数,vue3则把生命构子改为自定义函数方法即可。window.安卓暴露的方法=function(安卓传递过来的参数){}window.android.方法名（将该方法放入window对象即可。window.方法名 = 方法名。

2024-08-05 13:54:33 413

原创 vue3实现面包屑-基础实现

1.在默认路由router文件下新增两个额外的文件page：存放额外的路由列表，注意这里需要引入有router-view视图的页面，这里我是采用let Main = () => import("@v/layout/Main.vue");tagList: [new ClassTag("/accountmanage/accountlist", "商户列表", "home")],//路由列表。// 如果当前路由的 fullPath 等于 tag 的 fullPath，则说明需要进行路由跳转。

2024-07-30 11:33:00 702

原创 vue-处理时间选择，现在结束时间单天时间处理为23:59:59

1.封装公共方法：export const setTimes=(timestamp)=>{

2024-07-23 16:37:38 242

原创微信小程序金刚区

text>热销{{index+1}}//金刚区滑动事件,这里主要实现的是进度条跟随导航滚动。scroll:0 // 初始化滑块位置。-- 模拟进度条 -->/* 去除滚动条 *//* 滚动条样式 *//* 图片样式 *//* 文字样式 */

2024-07-06 21:18:06 322

原创 vue实现递归评论列表

</div>

2024-07-06 21:01:47 870

原创 uniapp-vue2+uview-ui请求封装

2.使用：import {get,post} from '../../https/index.js'// 请求拦截,JSON.parse解析json格式的字符串。get(对应接口需要的参数).then(res => {})

2024-07-06 12:03:04 382

原创 wx小程序基础请求封装

6.get请求URL拼接参数： request({url:`goods/list?categoryId=${id}`}).then(res=>{}),其余参数一致，默认采用get请求。4.使用示例:import request from '../../utils/request'引入或者自己全局挂载一下。5.使用request({url，method: "post",data}).then(res=>{一个请求的url,method：请求方式，data入参。

2024-07-06 11:55:41 354

原创 vue2 ElementPlus el-table固定表头实现滚动懒加载分页

注册自定义指令 src/directive/index.js。安装 el-table-infinite-scroll。console.log('滚动分页')// 传入app调用directive方法。// 距离底部多少则触发加载。// 首次加载是否禁用。main.js 调用。

2024-07-04 10:42:57 450

原创 vue3+element-plus+el-table实现表格固定表头滚动加载

1.在表格外层使用el-scrollbar包裹并且设置max-height和定义独立的class名称如：class="mystoreUnlockCodescrollbar"加上@scroll.native="tableScroll"事件native修饰符获取到原生事件参数。3.获取到实例根据实例获取到总高度等，进行条件筛选然后增加条数调用接口，增加50的作用为避免数据增加后直接滚动到底部。

2024-07-03 11:55:23 436

原创微信打开https/http网址

2.在js文件中，data中声明url这里为你需要打开的https或者http页面url的网址，最好的方式是跳页面然后将url传递过来，接受然后赋值给url变量。3.打开官网，选择左侧开发管理，选择开发设置，往下找到业务域名，添加域名。设置时需要下载校验文件，并将文件放置在域名根目录下：注这个需要给到后端。1.在小程序中新开一个为webview的页面，在wxml中写入<web-view src="{{url}}"> </web-view>

2024-06-26 11:28:55 423

原创 vue长整数id精度丢失问题

1.后端传递id超18位或者过长会导致id精度丢失，如：id:1798613978827898880,可能会变更为：1798613978827898890或者丢失更多位，那么我们需要通过BigInt来解决，采用BigInt获取到的数据会是这样：1798613978827898880/n那么我们需要将获取到的数据转为字符串在通过replace("n"," ")的形式获取到正确的id，完整代码 BigInt(row.id).toString().replace("n", "")，// // 处理精度丢失id。

2024-06-24 10:10:16 602

原创 vue实现无感刷新

1.在axios封装请求中定义变量：const METHOD_TYPE = ["_mt=edit", "_mt=create", "_mt=delete"]存储需要无感刷新的页面如果不需要根据页面来进行则可以跳过此步骤。router.replace({ path: "/Login", query: { back: path } })//登入后需要跳回的地址。router.replace({ path: "/Login", query: { back: path } })//登入后需要跳回的地址。

2024-06-22 08:35:04 512

原创 uniapp打包H5-pc-web

3.需要填写HBuilder X的账号和密码确认个人信息，没有的话就先去注册一个。X找到发行选择网站-PC Web或手机H5。2.填写网站标题，网站的域名。

2024-06-22 08:20:48 418

原创 uniapp打包

2.选择使用云端证书，如果不是个人而是企业的话就选择使用自有证书，单击打包。X找到发行选择原生App-云打包。3.进入打包状态之后，选择继续打包。

2024-06-22 08:18:52 214

原创 vue实现URL转二维码

2.进行全局挂载还是当前页面引入看个人习惯，全局挂载引入使用：main中引入import VueQrcode from 'vue-qrcode'，使用app.component('vue-qrcode', VueQrcode)注：app是const app =createApp()实例，页面使用：<vue-qrcode :value="ruleForm.earnestSetUrl" :size="'50'"></vue-qrcode>

2024-06-22 08:17:10 528

原创 vue3实现微信扫码登入

wxlogin appid="微信id" :scope="'snsapi_login'" :theme="'black'"3.引入完成后通过app.config.globalProperties.wxlogin = wxlogin进行全局挂载。:redirect_uri="encodeURIComponent(`重定向接口获取token`)" href=''2.下载完成在main中引入import wxlogin from '或者yarn add。

2024-06-22 07:55:53 634

原创 vue-前端实现搜索

this.expandRow = this.expandRow.join(',').split(',') //定义展开。// 将过滤好的树形数据展开。// 监听上面文本框搜索。// 树形表格过滤。

2024-06-21 18:33:18 346

原创 vue+element中树形处理，勾选需要携带勾选项的上一级父id

2. //把json数据转成string再转成对象，根据Key获取value数据 getJsonToList(list, jsonList) { //遍历这个集合对象，获取key的值 for (var i = 0;4.var ids = this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys()).join(',')添加时通过element方法获取到所有id。

2024-06-21 18:29:30 236

原创 element中编辑数据时el-upload报错并不显示图片

) => ({ url: item }))一定是需要将图片URLmap进去，这样element就会自动生成uid等符合.el-upload的数据。4.给上传组件添加请求头：const headers = ref({ Authorization: getToken() })/**上传图片添加请求头*/可以避免线上接口的部分问题。1.el-upload每次上传的图片都会携带uid等，但是我们自己编辑时给的是数组，而数组中都是图片的url或者id并没有uid等参数那么这个时候我们需要对数据进行处理。

2024-06-21 18:23:54 282

原创 vue3-迪卡尔-el-input-number问题修复

true : false" size="small" :min="0" :precision="2" :step="0.01" placeholder="请输入值" />

2024-06-21 18:17:50 804

原创 vue3-商品规格-笛卡尔算法

) => item2.title === title)//找到对应的规格。spec.split(",").map((item: string) => item.split("_")).forEach((item) => {//对字符串，"颜色_红色，尺寸_L"做处理。// 初始值为 [[""]], 将来遍历的结果是[["11", "22"], ["11", "33"], ["22", "33"]]//根据比较结果返回排序标志。if (-1 === index) {//如果还未添加，则添加规格值。

2024-06-21 18:11:32 936

原创 vue3-前端实现导出xlsx

XLSX.utils.sheet_add_aoa(worksheet,[['核销码','使用状态','使用时间']],{origin: 'A1'});const worksheet = XLSX.utils.json_to_sheet(exportXlsx.list)//需要导出的数据。2.声明变量用于存储：let exportXlsx = reactive({list: [{}]})//导出数据存放。//导出工作簿，并命名导出文件名为(自取有意义的名字).xlsx。//数组中对应map的数据顺序来命名。

2024-06-21 18:01:18 291

weixin_73251435的博客