How vue renders components with variable names

novice to vue, there is a list of different components to be used for each piece in the list, and a bunch of if else feels very unsightly, so I would like to ask if there are any ways to load different components according to variables.
as shown in the following figure, you need to render different components according to the component variable. You have tried render, but all you have learned so far are render html entity tags, which will prompt you that the < online > tag is not registered properly (it is no problem to write the online tag directly in template). I wonder if my old friend can give me some advice

.
Html5 javascript
Dec.03,2021 

        <component :is="panel.component"/>
    </div>
</template>
<script>
    export default {
        data(){
            return {
                panels: []
            }
        }
    }
</script>

Previous: If you want to use the Table of Antd to make a player, how to modify the Icon of the corresponding number of lines when playback is paused?

Next: WeChat Mini Programs's webview opens the parameters with a link in Chinese, and the screen will be blank on ios, but no problem on Android.

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
© 2021 CodesHelper
Advertising Contact us About us
Menu