-
TeachingNote前端
vue3封装一个通用的数据字典选择。支持v-model双向帮定值,支持change事件,支持传递提示语placeholder
代码如下: <template> <el-select v-model="innerValue" @change=&quo... -
剑轩前端
通过vue-cli命令行创建uni-app项目。调试微信小程序,vscode 开发 uni-app,微信小程序基础开发模板,基础架子搭建。vue3读取环境变量配置,编译配置
tip:搭建的基础开发模板放了一份在FastAdmin.NET里边的FastAdmin.Mobile.Template.Pure,方便直接拉下来使用,不... -
TeachingNote前端
vue uni-app 微信小程序 安装常用依赖
[TOC]安装sass 依赖cnpm install sass sass-loader --save-dev 或者 pnpm install sass sass-loader --save-d... -
TeachingNote前端
uni-app 开发 微信小程序 v-html会生成 rich-text,不好设置图片样式,给图片的最大宽度设置100%
方案一:通过修改数据源添加内联样式(推荐)在绑定v-html的内容中,直接为标签添加内联样式style=”max-width:1... -
TeachingNote前端
vscode ,vue3引入组件报错:Module .... has no default export
原因:在 Vue 3 中,当你在 <script setup> 中编写组件时,默认情况下,组件不是通过 default export 导出... -
TeachingNote前端
vue3 element-plus 表格 day.js 时间格式化显示
引入day.js import { dayjs } from 'element-plus' 显示时间 <el-table-column prop="create... -
TeachingNote前端
生成通用的边距样式,外边距、内边距全局样式。字体大小全局样式。通用全局样式封装
样式代码如下: <style lang="scss"> /* 外边距、内边距全局样式 ----------------------... -
剑轩前端
element plus 的Tree 懒加载。省市县镇村树形懒加载
这里的示例代码是做的县镇村tree懒加载联动数据。接口数据这些换成自己的就行。有根据countyId查询区县下面镇... -
TeachingNote前端
样式中找到第n个子元素
代码如下: .sta-training-item:nth-child(1){ background-image: url('~@/static/imgs/teacher-center/... -
忆点点前端
uni-app 微信小程序,flex 实现内容元素垂直与水平居中
效果如下,中间那块内容垂直与水平居中: [TOC]代码如下:<template> <view class="trainin... -
忆点点前端
不同分辨率自适应布局。vue 搜索栏,操作按钮自适应布局
标签<div class="toolbar"> <div> <el-button type="primary"... -
忆点点前端
vue3 读取excel 文件内容 返回json。vue3 导入excel
在 Vue 3 中读取 Excel 文件并将其内容转换为 JSON 格式,你可以使用一些第三方库,比如 xlsx 和 file-saver。下... -
风清月前端
vue 弹窗里边的数据更新更改修改后如何刷新主页面内容,弹窗里边的内容是单独的组件。子组件执行父组件方法
其实在封装的组件弄一个事件即可,不然在关闭弹窗的时候刷新数据不科学,这样每次都要刷新数据。 子组件,弹窗... -
风清月前端
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}》课程授课”对于这种格式的模板字符串,可以使用一个简单的替换...