-
风清月前端
vue3 如何修改集合中的某一个属性。vue修改某个list对象数组中的字段值
比如我有一个对象集合,我只想修改这个集合里边某个对象的checkype属性,封装一个方法可以通过传递一个id来修改... -
剑轩前端
vue, vue3 Tinymce 图片上传 。复制粘贴图片
[TOC]上传图片,首先要启用图片插件在plugins参数中把image加进去 在工具栏显示图片工具按钮,在toolbar参数中... -
TeachingNote前端
总结 Vue3 的 13 种传参通信方式
props 父传子defineEmits 子传父mitt 兄弟组件传参$attrs (爷孙)refsv-model (双向)provide/inject (多层)路由... -
TeachingNote前端
vue3 微信小程序 uniapp图片上传,图片转base64,base64转图片
vue3 微信小程序 uniapp 图片上传uni-app中上传图片可以使用方法uni.uploadFile:uni.uploadFile官方文档:https:... -
TeachingNote前端
微信小程序设置为不缓存
设置—>通用设置—>找到:使用新版文件监听模块,把勾勾去掉即可。 -
TeachingNote前端
vue3 微信小程序,uni-app 签字版插件sp-sign-board。上传图片
插件地址:https://ext.dcloud.net.cn/plugin?id=14966 文档:https://sonvee.github.io/sv-app-docs/docs-git... -
TeachingNote前端
vue3 微信小程序,uni-app 基本模板
代码如下: <template> <view class="index-container"> 6666 </view>... -
TeachingNote前端
vue3 ts uni-app 微信小程序 抽屉菜单的使用。抽屉菜单的打开关闭。基本模板。解决抽屉菜单的滚动穿透
代码如下: <template> <!-- 解决滚动穿透 --> <page-meta :page-style="'... -
TeachingNote前端
vue3 vite ts 使用 uni-app 微信小程序 引入组件。引入扩展组件,引入下载的组件
引入组件还是直接引用即可: import zbTab from '@/components/zb-tab/zb-tab.vue' import moduleItem... -
TeachingNote前端
vue3 ts uni-app 微信小程序 生命周期函数。uni-app 动态修改页面的title,header里边的title
vue3 ts uni-app 生命周期函数import { onLoad, onShow,onUnload } from '@dcloudio/uni-app' onLoad... -
TeachingNote前端
使用grid布局实现每行2个,间距20px,每项占用间距之后剩下宽度的50%
如果直接这样设置: grid-template-columns: repeat(2, 50%); grid-column-gap: 20px; 他会影响整体的宽度,... -
小见前端
uni-app 微信小程序 修改页面的颜色
修改单个页面背景颜色方法一:在页面里边直接给page设置样式<style lang="scss"> /* 为页面... -
TeachingNote前端
uni-app 项目 vue3 st vite 版本 怎么配置h5启动的端口号
代码如下: import { defineConfig } from 'vite'; import uni from '@dcloudio/uni-vite-plugin&... -
TeachingNote前端
vue,vue3 js,ts实现类似a标签的锚点功能,因为vue路由导致直接html的锚点功能失效
因为vue路由导致直接html的锚点功能失效,可以用js来实现,代码如下: const toAnchorPoint = (location: s... -
TeachingNote前端
.net , c# 生成guid 不需要中间的短斜杠
代码如下: Guid.NewGuid().ToString("N") -
TeachingNote前端
element ui admin 如何点击按钮关闭当前菜单。vue-element-admin关闭当前标签页。编辑文章或者编写文章后返回上一页
核心代码如下: // 调用全局挂载的方法(vuex中封装的方法),关闭当前页 this.$store.dispatch("ta... -
风清月前端
axios发送一个Post请求,发送一个类似postman中的x-www-form-urlencoded 格式参数
在 Postman 中,x-www-form-urlencoded 是一种编码格式,它允许你将表单数据以键值对的形式发送到服务器,类似于... -
风清月前端
axios发送一个Post请求,把json参数使用Form Data的形式进行传递
在 Vue 3 中使用 Axios 发送一个 POST 请求,并且以 FormData 的形式传递参数,你可以使用 FormData 对象来构建... -
TeachingNote前端
element plus table 表格,开启多选,增加复选框。设置忽略可选属性。获取选择的值
element plus table 表格,要开启多选非常简单,手动添加一个 el-table-column,设 type 属性为 selection 即可... -
TeachingNote前端
vue3组件刷新,手动刷新组件,手动重新加载组件,类似reload方法
一般情况会封装一个refreshData来重新刷新数据,但是有些情况参数比较复杂,写这种刷新方法需要注意很多东西还要... -
TeachingNote前端
修改element plus Carousel 走马灯 改指示器的样式,变为小圆点的效果。修改切换箭头的样式,位置,颜色等
代码如下: <!-- 修改element plus Carousel 走马灯 改指示器的样式,变为小圆点的效果。 以及切换箭... -
TeachingNote前端
vue 样式穿透写法
方法一:使用 ::v-deep示例代码如下: <style scoped="scoped" lang="scss"> ... -
TeachingNote前端
ts实现动态拼接字符串,实现类似 C# 的 string.Format的格式化字符串。ts,js动态给拼接字符串提供参数
模板是这样的:”于${0}通过${1}课程体系《${2}》课程授课”对于这种格式的模板字符串,可以使用一个简单的替换... -
TeachingNote前端
ts实现面向对象编程,定义属性,方法,构造函数,私有方法,以及引用类,实例化类等。vue3使用ts对象
[TOC]ts实现面向对象编程,定义属性,构造函数等基础使用在 TypeScript 中,你可以使用类和面向对象编程(OOP)... -
剑轩前端
vue3使用canvas进行绘图的时候,动态实现绘制文字居中。实现绘制文字的时候设置间距。有文字间距的情况下动态实现居中
比如我绘制两个字,drawText(‘李白’, 32,’Arial’, ‘#062466’, 516, 335),最后两个参数是x,y坐标。这样可... -
TeachingNote前端
Canvas在绘制文字的时候,实现文字的水平间距调整,类似css里边的letter-spacing
在Canvas上绘制文字时,虽然Canvas的2D渲染上下文(CanvasRenderingContext2D)没有直接提供类似于CSS中letter-s... -
TeachingNote前端
vue3 使用Canvas对图像进行编辑,图片里边添加文字,导出为图片,导出图片的时候按照一定比例进行导出
比如我想把原图为35082480的缩小三倍变成1169827下编辑,这个时候我把Canvas的宽高设置成1169827编辑后,后导出... -
人生若只如初见前端
uniapp plus.runtime.install 安装失败
APP 权限配置添加"<uses-permission android:name=\"android.permission.REQUEST_INSTALL_PACKAGES... -
人生若只如初见前端
uniapp 应用热更新,进度条/权限
/** * 检查安装应用权限 */ checkInstallPermission() { return new Promise((resolve, reject) =>... -
剑轩前端
vue3 图片上传,文件上传,视频上传。图片预览,视频预览。
直接调用接口上传参考:https://www.tnblog.net/notebook/article/details/8495[TOC]基础的图片上传,文件上传,... -
小可爱前端
vue3 element plus 常用提示信息,提示框
引入相关方法import { ElMessageBox, ElMessage } from 'element-plus' 常用提示框写法ElMessage.warni... -
TeachingNote前端
vue3 实现div滚动到一定位置就固定他,实现一侧滚动到某个位置就固定,实现滚动条滚动到一边的最底部就固定
在vue2以及普通页面里边使用参考:https://www.tnblog.net/aojiancc2/article/details/1273本来在vue中最好不要... -
TeachingNote前端
vue3 使用Transition实现一个侧边菜单
从左边弹出<template> <div> <button @click="showMenu = !showMenu"&g... -
TeachingNote前端
vue3实现展开更多,加载全部
[TOC]方法一:分成两份来展示,一份显示出来,一份隐藏掉,点击加载全部在把隐藏的显示出来封装的组件的代码如... -
TeachingNote前端
不同宽度下不同分辨率下的自适应布局样式写法
使用media可以在不同宽度下写不同的样式,代码如下 <style> @media (min-width: 1024px) { .about { ... -
TeachingNote前端
VUE, JS Base64上传图片或文件。Base64 编码的图片转成二进制图片。封装的直接调用接口的图片上传。canvas生成的图片上传。blob类型的图片文件上传。vue3签字图片上传
代码如下: // Base64 编码的图片转成二进制图片 const base64ToImg = (base64String: string) => ...