Can el-select be used with ordinary form tags in elementui?

Can

be used like this

<form action="-sharp" method="post" id="demo">
    <el-select v-model="selected" placeholder=""  name="ui">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value" >
    </el-option>
  </el-select>
  <input type="submit" name="">
</form>


<script type="text/javascript">
    new Vue({
        el:"-sharpdemo",
        data() {
          return {
            options: [{
              value: "1",
              label: ""
            }, {
              value: "2",
              label: ""
            }, {
              value: "3",
              label: ""
            }, {
              value: "4",
              label: ""
            }, {
              value: "5",
              label: ""
            }],
            selected: ""
          }
        }
    })
    </script>

but there is a problem with using it this way. The data submitted by the form is the value of el-option, not the value of value. How to deal with this
ask the gods.

Nov.07,2021

Code example , you can customize the function to submit form data, and you can get value

through the bound selected.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e3f496-44822.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e3f496-44822.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?