cgb2106-day12

cgblpx

已于 2022-02-09 09:39:28 修改

阅读量5.8k

点赞数 7

分类专栏： cgb2106班的笔记文章标签： maven java 开发语言

于 2021-08-10 08:59:38 首次发布

本文链接：https://blog.csdn.net/u012932876/article/details/119560786

版权

文章目录

一,ElementUI的表单

–1,测试

<template>
  <h1>
    {
  {msg}}
    <!-- el-form表单 ,用于提交数据,:model用来获取指定的数据-->
    <el-form :model="goods">
      <!--el-form-item表单项,label是名称 -->
      <el-form-item label="标题">
        <!-- el-input是输入框,placeholder是提示信息,v-model双向绑定-->
        <el-input placeholder="请输入标题" v-model="goods.title"></el-input>
      </el-form-item>
      <el-form-item label="卖点">
         <el-input placeholder="请输入卖点" v-model="goods.sell"></el-input>
      </el-form-item>
      <el-form-item label="价格">
         <el-input placeholder="请输入价格" v-model="goods.price"></el-input>
      </el-form-item>
      <el-form-item label="详情">
         <el-input placeholder="请输入详情" v-model="goods.desc"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="save()">保存</el-button>
      </el-form-item>
    </el-form>

    <!-- el-link超链接,href设置网址,target设置打开方式,type就是颜色-->
    <el-link href="#" target="_blank" type="success">超链接</el-link>
    <!-- el-radio单选框,v-model是双向绑定,是指把label的值交给msg去存-->
    <el-radio v-model="msg" label="1">单选框</el-radio>