<li :class= "isnewList()?"active" : """ v-for="(list, index) in shoppinglists" :key="list.id" role="presentation">
methods: {
test(){
this.$forceUpdate();//
}
addnewListnewListactive class
listactive
newListactive 
(bootstrap nav component implements mouse click to generate active class)
$forceUpdate () forces the Vue instance to render again. Note that it affects only the instance itself and the sub-components that insert the contents of the slot, not all the sub-components.
you can think differently. You bind a click event to each li, pass in index, assign index to a variable such as curr in the method, and then use on li: class= "index = = curr?'active':'"
so that you can add class to the clicked li
solution: use DOM to operate `removeActive () {
let nav = document.querySelector(".nav").querySelector(".active"); //active
let content = document.querySelector(".tab-content").querySelector(".active");//active
if(nav!==null)
nav.className = '';
if (content!==null)
content.className = 'tab-pane';
},`Previous: How to use look and feel in Java?
want to implement: add a new nav and jump to the new nav interface and select the first nav when entering the page for the first time <div id="app" class="container"> <ul class="nav nav-tabs" role="t...
example of bootstrap official website rotation: <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item acti...
problem description The Django template dynamically generates < option > of < select >, and the front end is rendered as a bootstrap-select component; after F5 refreshes the page, there will be the same component under the bootstrap-select component. ...
the description is like the title. Thank you! ...