vue點(diǎn)擊切換顯示隱藏 JS控制DIV的顯示隱藏?
JS控制DIV的顯示隱藏?使用JavaScript控制div的顯示隱藏,通常是修改div元素的display為none。display屬性 定義和用法 display 屬性規(guī)定元素應(yīng)該生成的框的類型
JS控制DIV的顯示隱藏?
使用JavaScript控制div的顯示隱藏,通常是修改div元素的display為none。display屬性 定義和用法 display 屬性規(guī)定元素應(yīng)該生成的框的類型。display屬性 可能的值JavaScript控制div的隱藏
隱藏,代碼如下document.getElementById("div1").style.display="none" 顯示,代碼如下document.getElementById("div1").style.display="block"其他方式如何利用Vue.js庫中的v-show顯示和隱藏元素?
v-show是通過其值為true或者false來決定所包含的元素是否顯示。舉例如下:HTML:<div id="app"> <p v-show="ok">123</p></div>JavaScript(Vue):var vm = new Vue({ el: "#app", data: { ok: true }})默認(rèn)情況下運(yùn)行結(jié)果會(huì)在頁面上顯示這個(gè)p元素,也就是會(huì)出現(xiàn)123字符串。當(dāng)我們?cè)诳刂婆_(tái)中使用vm.ok=false將其值設(shè)置為false后。123字符串將立即消失,即p元素被隱藏了。