Tabs of element form forms toggle content

recently, the company has a demand like this.

clipboard.png
*

clipboard.png
there are only three entries in the original form form. Now I choose the first one and will display the odd number * quantity setting input box, which is five. If the
is replaced with the second item, it will become different again, and it may also become six,

. 
<el-form-item label="" class="formItem icon">
            <!-- <img src="~assets/image/asterisk.png" alt class="Asterisk"> -->
            <!-- <el-input class="tollForm"></el-input> -->
            <el-select v-model="region" placeholder="">
              <el-option
                v-for="option in options"
                :value="option.value"
                :key="option.id"
              >{{option.value}}</el-option>
              <!-- <el-option label="" value=""></el-option>
              <el-option label="" value=""></el-option>
              <el-option label="" value=""></el-option>-->
            </el-select>
          </el-form-item>

I intend to achieve this, but I don"t know what to do next. Ask the boss to take a look at how to switch to display different form in the drop-down options, which is a bit similar to the tab, but it is not a drop-down option, online, etc.

Element-ui vue.js
Jul.05,2022

you can judge which components are displayed according to the value of the amount calculation method. Use v-if

to write v-if on your unit price and measurement method to determine that the value of your region is equal to the value of the value you choose. If there are more than one, wrap the v-if in the div or span tag and write the v-if on the div or span tag

to monitor the value of region

.

Previous: On the problem that Chinese is not supported for v-for rendering in uni-app

Next: Can the socket server hang up like the http server and forward it to the next node?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
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-1bca776-309e3.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-1bca776-309e3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?