首页
视频
资源
登录
原
vue3 简单的页面基础模板
1385
人阅读
2023/8/19 16:14
总访问:
523624
评论:
0
收藏:
0
手机
分类:
前端
代码如下,创建页面的时候方便复制 ``` <template> <div class="app-container"> <el-card> <div> {{ state.title }} </div> <div> <el-select v-model="state.schoolID" class="select-level" size="default" placeholder="请选择校区" clearable> <el-option v-for="item in schoolList" :key="item.id" :value="item.id" :label="item.name" /> </el-select> </div> </el-card> </div> </template> <script setup lang="ts" name="tasks"> import { defineAsyncComponent, reactive, onMounted, toRefs, ref } from 'vue'; const state = reactive({ title: '更新', schoolID:null, schoolList: [ { id: 1, name: "小" }, { id: 2, name: "大" } ], }) // 这样暴露出来后页面可以直接使用schoolList,而不需要state.schoolList const { schoolList } = toRefs(state) onMounted(() => { }) </script> <style scoped="scoped" lang="scss"> .app-container { padding: 15px } </style> ```
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}
只若初见
如果有缘,错过了还会重来,如果无缘,相遇了也会离开
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
架构
9篇
后端
3篇
.net
8篇
前端
52篇
nginx
1篇
.net core
6篇
EF
5篇
随笔
8篇
数据库
9篇
k8s
0篇
consul
1篇
git
1篇
uniapp
3篇
mysql
1篇
linux
1篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术