tnblog
首页
视频
资源
登录
排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120

vue3 微信小程序,uni-app 基本模板

代码如下: <template> <view class="index-container"> 6666 </view> </template> <script setup lang="ts"> import { ref, reactive, onMounted } from 'vue' const state = reactive({ popupShow: false }) </script&...

前端 2025-02-08 浏览(20

vue3 ts uni-app 微信小程序 抽屉菜单的使用。抽屉菜单的打开关闭。基本模板。解决抽屉菜单的滚动穿透

代码如下: <template> <!-- 解决滚动穿透 --> <page-meta :page-style="'overflow:' + (state.popupShow ? 'hidden' : 'visible')" ></page-meta> <view> <view class="pm-ch-more" @tap="o...

前端 2025-02-07 浏览(59

vue3 vite ts 使用 uni-app 微信小程序 引入组件 tnblog

还是直接引用即可: import zbTab from '@/components/zb-tab/zb-tab.vue' import moduleItem from './component/module-item.vue'

前端 2025-02-07 浏览(56

vue3 ts uni-app 微信小程序 生命周期函数。uni-app 动态修改页面的title,header里边的title

vue3 ts uni-app 生命周期函数import { onLoad, onShow,onUnload } from '@dcloudio/uni-app' onLoad(() => { uni.setNavigationBarTitle({ title: '精品课程' }) }) onShow(() => {}) onUnload(()=>{ console.log("页面关闭了....") // 注销监听的...

前端 2025-02-06 浏览(60

使用grid布局实现每行2个,间距20px,每项占用间距之后剩下宽度的50%

如果直接这样设置: grid-template-columns: repeat(2, 50%); grid-column-gap: 20px; 他会影响整体的宽度,因为这样做分成了两份,一份占了50%,然后还多了20px的间距,如何能够做到是整体宽度减去间距之后剩下的宽度在各占50%呢。 使用calc()函数就行了。 .container { display: grid; grid-templa...

前端 2025-02-05 浏览(53

uni-app 如何修改header的title描述和颜色,修改头部的背景颜色

在page.json中配置即可 { "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页", "navigationBarBackgroundColor": "#ff0000", // 红色背景 ...

前端 2025-02-05 浏览(54

uni-app 项目 vue3 st vite 版本 怎么配置h5启动的端口号

代码如下: import { defineConfig } from 'vite'; import uni from '@dcloudio/uni-vite-plugin'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [uni()], server: { port: 3000 // 设置为你想要的端口号 } });

前端 2025-01-14 浏览(60

vue,vue3 js,ts实现类似a标签的锚点功能,因为vue路由导致直接html的锚点功能失效

因为vue路由导致直接html的锚点功能失效,可以用js来实现,代码如下: const toAnchorPoint = (location: string) => { const dom = document.getElementById(location) dom.scrollIntoView({ behavior: 'auto', block: 'start' }) } 调用的时候就传递一个id即可...

前端 2025-01-13 浏览(49

剪映的基本使用。音频如何删除,音频如何删除某一部分,如何修改某张图片的播放时间

默认一张图片只有三秒钟的时间如果不够的话可以拖动修改时间。 音频如何删除?单击选中后下面就有删除选项了。 音频如何删除某一部分?点击选中需要操作的音频后在点击分割就行了,就可以删除分割后的了。

随笔 2025-01-09 浏览(135

.net , c# 生成guid 不需要中间的短斜杠

代码如下: Guid.NewGuid().ToString("N")

前端 2025-01-06 浏览(165

element ui admin 如何点击按钮关闭当前菜单。vue-element-admin关闭当前标签页。编辑文章或者编写文章后返回上一页

核心代码如下: // 调用全局挂载的方法(vuex中封装的方法),关闭当前页 this.$store.dispatch("tagsView/delView", this.$route); // 关闭之后跳转你要跳转的路由 // this.$router.push({ path: '/contentManage' }) this.$router.push("/contentManagement/content...

前端 2025-01-06 浏览(152

element plus table 表格,开启多选,增加复选框。设置忽略可选属性。获取选择的值

element plus table 表格,要开启多选非常简单,手动添加一个 el-table-column,设 type 属性为 selection 即可; <el-table-column type="selection" width="55" /> [TOC]通过selectable可以设置忽略可选属性比如忽略id为1,和2的<el-table-column type="selection" :s...

前端 2024-12-25 浏览(345

vue3组件刷新,手动刷新组件,手动重新加载组件,类似reload方法

一般情况会封装一个refreshData来重新刷新数据,但是有些情况参数比较复杂,写这种刷新方法需要注意很多东西还要注意时机问题,所以可以在某些情况下直接去刷新组件来刷新数据。 如何是调用组件内部的方法这样调用就行了 const projectTeamMembersRef = ref(null) const getTrainingSubProgramList = async (_tr...

前端 2024-12-25 浏览(421

修改element plus Carousel 走马灯 改指示器的样式,变为小圆点的效果。修改切换箭头的样式,位置,颜色等

代码如下: <!-- 修改element plus Carousel 走马灯 改指示器的样式,变为小圆点的效果。 以及切换箭头的颜色加深 --> <style scoped="scoped" lang="scss"> /* 修改element plus Carousel 走马灯 改指示器的样式,变为小圆点的效果 */ ::v-d...

前端 2024-12-23 浏览(302

vue 样式穿透写法

方法一:使用 ::v-deep示例代码如下: <style scoped="scoped" lang="scss"> // 修改element plus Carousel 走马灯 改指示器的样式,变为小圆点的效果 ::v-deep .el-carousel__indicator--horizontal .el-carousel__button { width: 7px; height: 7px; ...

前端 2024-12-23 浏览(284

如何配置hosts,如何修改hosts文件

hosts如何的位置在:C:\Windows\System32\drivers\etc 使用Win+R或者Win+E,输入C:\Windows\System32\drivers\etc,然后按回车都可以进入该路径 因为hosts文件一般需要管理员权限才能编辑,不然你编辑了保存不了的,所以可以这样使用管理员身份打开host文件。 1:在搜索里边输入命令,选择以管理员身份打开 2:在...

随笔 2024-12-23 浏览(377

ts实现动态拼接字符串,实现类似 C# 的 string.Format的格式化字符串。ts,js动态给拼接字符串提供参数

模板是这样的:”于${0}通过${1}课程体系《${2}》课程授课”对于这种格式的模板字符串,可以使用一个简单的替换函数来处理,而不需要复杂的正则表达式转义。下面是一个处理这种模板的示例函数: function formatString(template: string, ...values: any[]): string { return template.replace(/\$\{(\d+)\}/...

前端 2024-12-19 浏览(335

ts实现面向对象编程,定义属性,方法,构造函数,私有方法,以及引用类,实例化类等。vue3使用ts对象

[TOC]ts实现面向对象编程,定义属性,构造函数等基础使用在 TypeScript 中,你可以使用类和面向对象编程(OOP)的概念来实现类似于 C# 的功能,包括构造函数、属性和方法。TypeScript 是 JavaScript 的一个超集,它添加了静态类型、类、接口等概念,使得代码更加健壮和可维护。 下面是一个简单的示例,展示如何在 ...

前端 2024-12-18 浏览(470

这一生多幸运赶上过你.
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术