11.23工作学习记录 前端

本文探讨了在前端开发中,如何利用div、el-row和el-col进行组件布局,并通过控制padding和margin实现间距调整。同时,讲解了el-form的使用方式,强调每个表单元素应使用el-form-item包裹,确保布局整洁。还介绍了Vue项目的路由跳转步骤,包括在按钮事件、方法定义和router/index.js中的配置。
摘要由CSDN通过智能技术生成

关于 el-row   el-col   div  在最外层放div  然后 el-row  里面放el-col 最好是在el-col里面放div  这样就方便里面的小空间调边距  对于容器与容器之间的间距 可以用 padding或者margin-top来进行控制

关于el-form 需要用el-form标签将表单控件包裹起来,每个控件使用el-form-item标签包裹起来,这样产生的表单就会比较整齐。

可以用页面跳转

每一个控件都可以设置style

被误导了  原来是虽然主路径没有写在路由中而是数据库中 但是分支路径比如下图

主路径是mechanism嘛 infor在其之下 这种在info路径之下的  是可以通过路由来配置跳转的

路由跳转步骤:

1、按钮上配置好点击事件

2、定义好add方法 并附上路由地址(这只是逻辑上的地址)

3、在roter/index.js里面配置路由跳转  方框一为逻辑地址  方框二为实际的文件地址

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值