用element-ui进行简单的商品管理

编程初学者01

于 2023-12-01 19:34:07 发布

阅读量593

点赞数 7

分类专栏： vue.js 文章标签： ui

本文链接：https://blog.youkuaiyun.com/m0_67587248/article/details/134742478

版权

安装element-ui

项目的控制台输入npm i element-ui -S

main.js

import ElementUI from 'element-ui';//引入element-ui模块
import 'element-ui/lib/theme-chalk/index.css';//引入element-ui的css样式
Vue.use(ElementUI);//使用ElementUI

商品管理组件

<template>
  <div>
    <h3>商品管理</h3>

    <div class="heard_search_container">

      <el-form :inline="true" class="demo-form-inline">
        <el-form-item label="价格:">
          <el-input v-model="input" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="名称:">
          <el-input v-model="val" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item>