利用ElementUI配置商品的规格参数

在使用ElementUI时，可以利用它的表单组件来配置商品的规格参数。以下是一个简单的例子，展示如何使用ElementUI的表单项组件来创建一个规格参数输入表单：

<template>
  <el-form ref="form" :model="form" label-width="80px">
    <el-form-item label="规格名称">
      <el-input v-model="form.name"></el-input>
    </el-form-item>
    <el-form-item label="规格值">
      <el-input v-model="form.value"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="onSubmit">提交</el-button>
    </el-form-item>
  </el-form>
</template>
 
<script>
export default {
  data() {
    return {
      form: {
        name: '',
        value: ''
      }
    };
  },
  methods: {
    onSubmit() {
      console.log('提交的规格参数:', this.form);
      // 这里可以添加提交规格参数到服务器的逻辑
    }
  }
};
</script>

在这个例子中，我们定义了一个Vue组件，它包含一个表单，用户可以在其中输入规格参数的名称和值。提交按钮触发onSubmit方法，该方法会在控制台打印出输入的规格参数。在实际应用中，你需要替换onSubmit方法中的逻辑，以便将规格参数发送到服务器。