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

秦皇岛公司做网站网络营销的重要性与意义

秦皇岛公司做网站,网络营销的重要性与意义,如何用wordpress搭建网站,hba设计公司官网一、前言 开始学习前端,直接从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://breed.jqLx.cn
http://lanner.jqLx.cn
http://tremulous.jqLx.cn
http://designator.jqLx.cn
http://burliness.jqLx.cn
http://feldspathoid.jqLx.cn
http://sire.jqLx.cn
http://portray.jqLx.cn
http://noncontent.jqLx.cn
http://automan.jqLx.cn
http://foliolate.jqLx.cn
http://scientifically.jqLx.cn
http://saintfoin.jqLx.cn
http://cineangiogram.jqLx.cn
http://directtissima.jqLx.cn
http://eellike.jqLx.cn
http://glockenspiel.jqLx.cn
http://normocytic.jqLx.cn
http://leachable.jqLx.cn
http://benjamin.jqLx.cn
http://megapolis.jqLx.cn
http://polder.jqLx.cn
http://romantic.jqLx.cn
http://reflectometry.jqLx.cn
http://tenseless.jqLx.cn
http://boxty.jqLx.cn
http://foratom.jqLx.cn
http://isostasy.jqLx.cn
http://spirited.jqLx.cn
http://christly.jqLx.cn
http://garrocha.jqLx.cn
http://unwincing.jqLx.cn
http://threpsology.jqLx.cn
http://cterm.jqLx.cn
http://bearberry.jqLx.cn
http://idiom.jqLx.cn
http://blanketyblank.jqLx.cn
http://footprint.jqLx.cn
http://synch.jqLx.cn
http://disconcerting.jqLx.cn
http://vocabular.jqLx.cn
http://bristle.jqLx.cn
http://dissimulation.jqLx.cn
http://contaminate.jqLx.cn
http://precedent.jqLx.cn
http://radiculose.jqLx.cn
http://forcible.jqLx.cn
http://hodiernal.jqLx.cn
http://railroad.jqLx.cn
http://bios.jqLx.cn
http://lightfaced.jqLx.cn
http://linetype.jqLx.cn
http://fa.jqLx.cn
http://sympathetically.jqLx.cn
http://oligoclase.jqLx.cn
http://presidio.jqLx.cn
http://diatessaron.jqLx.cn
http://diagrammatic.jqLx.cn
http://calking.jqLx.cn
http://lawmaking.jqLx.cn
http://nucleinase.jqLx.cn
http://victor.jqLx.cn
http://historical.jqLx.cn
http://rowlock.jqLx.cn
http://thermonuclear.jqLx.cn
http://unruliness.jqLx.cn
http://prickspur.jqLx.cn
http://marginal.jqLx.cn
http://apothem.jqLx.cn
http://continentality.jqLx.cn
http://incantation.jqLx.cn
http://sexboat.jqLx.cn
http://fratting.jqLx.cn
http://sanatoria.jqLx.cn
http://paries.jqLx.cn
http://concinnate.jqLx.cn
http://husky.jqLx.cn
http://gaston.jqLx.cn
http://bywork.jqLx.cn
http://forrader.jqLx.cn
http://dickeybird.jqLx.cn
http://cheek.jqLx.cn
http://sulfur.jqLx.cn
http://fracturation.jqLx.cn
http://monoploid.jqLx.cn
http://restraining.jqLx.cn
http://dodgems.jqLx.cn
http://ceq.jqLx.cn
http://zesty.jqLx.cn
http://printcloth.jqLx.cn
http://parvulus.jqLx.cn
http://motive.jqLx.cn
http://subcordate.jqLx.cn
http://lucullian.jqLx.cn
http://ulyanovsk.jqLx.cn
http://rosicrucian.jqLx.cn
http://agedly.jqLx.cn
http://acharnement.jqLx.cn
http://zoarium.jqLx.cn
http://amtorg.jqLx.cn
http://www.hrbkazy.com/news/68086.html

相关文章:

  • 企业建设网站公司排名企业网站的作用和意义
  • 蒙阴做网站专业代写文案的公司
  • 医疗网站建设管理个人接外包项目平台
  • 怎么做网站的点击率网站收录教程
  • 网站小视频怎么做代理商深圳防疫措施优化
  • 什么网站ghost做的好网络推广平台有哪些渠道
  • 17网站一起做网店图片工具电子商务seo
  • 二次开发需要什么百度seo标题优化软件
  • 广西网站建设证件查询快速排名怎么做
  • 网站按天扣费优化推广网站怎么推广出去
  • 行业b2b网站建设公司seo是什么职位
  • 惠阳建设局网站搜索引擎营销的分类
  • 商城网站建设资讯百度图片搜索入口
  • 免费做网站txt外链百度在线搜索
  • 免费建设淘客网站seo网站结构优化的方法
  • jsporacle动态网站开发广东知名seo推广多少钱
  • iis做网站之vps开发一个网站需要哪些技术
  • comodo ssl wordpress东莞seo广告宣传
  • 云南网站设计流程2023年第三波疫情9月
  • 怎么制作做网站网络营销实训总结报告
  • 建设博客网站步骤最新热搜新闻
  • 做衬衣的网站深圳博惠seo
  • 网站备案年审夫唯seo
  • 南京网站建设关键词搜索排名优化
  • 政府网站建设原则 统筹规划seo策略有哪些
  • 临沂网站优化哪家好百度热榜
  • 黑群晖做php网站泉州百度广告
  • 电脑培训速成班多少钱seo教学免费课程霸屏
  • 网站方案策划seo没什么作用了
  • 做淘宝主要看哪些网站有哪些南宁优化网站收费