当前位置: 首页 > news >正文

秦皇岛公司做网站佛山seo关键词排名

秦皇岛公司做网站,佛山seo关键词排名,旅游做攻略用什么网站好,郑州市做网站公司一、前言 开始学习前端,直接从VUE3开始,从简单的创建表格开始。因为自己不是专业的程序员,编程主要是为了辅助自己的工作,提高工作效率,VUE的基础知识并不牢固,主要是为了快速上手,能够做出一些…

一、前言

开始学习前端,直接从VUE3开始,从简单的创建表格开始。因为自己不是专业的程序员,编程主要是为了辅助自己的工作,提高工作效率,VUE的基础知识并不牢固,主要是为了快速上手,能够做出一些东西出来。

二、程序展示

1、程序说明

使用VUE3,elementplus,创建一个table,业务场景是进行汽车发动机型号注册,本文先从创建一个table开始,后续再联动后端,再增删改查。

2、main.ts的内容

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'const app = createApp(App)
app.use(ElementPlus,{ locale: zhCn,})..mount('#app')

在这里主要是要引入elementplus,{ locale: zhCn,}这个作用是使用elementplus的中文版。

3、创建页面

创建一个vueStudy的页面,在template里创建表格。

<template><div><el-table:data="engList" :header-cell-style="{background:'#DBDBDB', fontSize:'14px', 'text-align':'center'}" highlight-current-row=trueborder=truestripe style="width: 100%" >	<el-table-column type="index" label="序号" width="60" align="center"></el-table-column><el-table-column prop="carmodel" label="车型" width="120" align="center"></el-table-column><el-table-column prop="carengmodel" label="发动机型号" width="160" align="center"></el-table-column><el-table-column prop="carengpn" label="发动机物料号" width="160" align="center"></el-table-column><el-table-column prop="carengsn" label="发动机序号" width="160" align="center"></el-table-column><el-table-column prop="careng_remark" label="备注" width="auto"></el-table-column><el-table-column prop="careng_creator" label="创建人" width="100" align="center"></el-table-column><el-table-column prop="careng_creat_time" label="创建时间" width="120" align="center"></el-table-column><el-table-column prop="careng_revision_by" label="修改人" width="100" align="center"></el-table-column><el-table-column prop="careng_rev_time" label="修改时间" width="120" align="center"></el-table-column></el-table></div>
</template>

在script里要加上setup lang = “ts”,在这里要引入eltable。

<script setup lang = "ts">import {ElTable, ElTableColumn} from 'element-plus'const engList = [{carmodel: '熊猫',carengmodel: 'WLZY01',carengpn: 'GD15T',carengsn: '20220511ASD',careng_remark: '升级款',careng_creator: '张三',careng_creat_time: '2024-5-23',careng_revision_by: '',careng_rev_time: '',}]</script>

样式里可以不做调整,先按默认的来就行。

<style>
</style>

在终端cnpm run dev一下,最后的结果:
表格
创建table成功,初始化的值在页面上成功展示出来。

http://www.hrbkazy.com/news/22670.html

相关文章:

  • 佛山网站建设推广订做sem竞价培训
  • 杭州网站制作报价域名注册平台有哪些
  • 塑胶原料东莞网站建设技术支持项目宣传推广方案
  • c 可以做哪些网站泰州百度seo公司
  • 厦门做百度推广的网站泉州百度seo公司
  • p2p的网站开发郑州整站网站优化
  • 增城网站建设公司百度搜索关键词热度
  • 打不开网页是怎么回事成都网站改版优化
  • python电商网站开发网站seo哪家好
  • 肇庆网站建设推广长沙网站优化体验
  • 大连建设项目优化方案的格式及范文
  • 国开机考网站界面设计宁波网络优化seo
  • 银川网站建设怎么样北京seo招聘信息
  • 网站结构与导航设计网络营销推广有哪些方法
  • 新疆建设兵团门户网站竞价代运营
  • 做网站销售好吗企业网站注册
  • 岳阳做网站seo网络营销技术
  • 寄生虫网站排名代做长沙官网seo分析
  • jsp与网站开发期末试题广东东莞最新疫情
  • 百度收录网站方法软文兼职
  • 厦门网站排名优化费用抖音黑科技引流推广神器
  • bootstrap网站案例优化大师免费下载
  • 盈润企业网站管理系统如何进行网站推广
  • 建设银行造价咨询中心网站线上推广网络公司
  • 网站后台怎么修改文字lol今日赛事直播
  • 网站制作的公司搜索引擎营销的实现方法有哪些
  • 一个网站的建设需要哪些流程最近一周新闻热点回顾
  • 徐州手机网站制作刷外链
  • pc网站手机版开发电商还有发展前景吗
  • 为什么WORDPRESS后台很卡网站优化快速排名软件