VUE學習 指令

2021-09-25 15:04:43 字數 573 閱讀 9245

v-if是條件渲染指令,它根據表示式的真假來刪除和插入元素,它的基本語法:v-if="expression"

這裡的expression返回的是乙個boolean值,false或者true。。

往往v-if指令與template標籤連用,比如下面這段**:

服務場景

活動場景

當menuflag == 『1』為true時,就會在頁面上顯示服務場景,為menuflag == '2'時就會顯示活動場景。。

並且為false的標籤不會渲染到html中。。

v-show也是條件渲染指令,和v-if指令不同的是,使用v-show指令的元素始終會被渲染到html。

服務場景

活動場景

當menuflag == 『1』為true時,就會在頁面上顯示服務場景,為menuflag == '2'時就會顯示活動場景。。這和v-if是一樣的,但是在html中體現就不一樣了。。在chrome控制台,可以看到元素被設定了style="display:none"樣式。

Vue 基礎指令學習

學習vue的一些總結,第一次寫部落格,文筆實在是很差 不過我會不斷寫的。v text 是元素的innertext 只能在雙標籤中使用 v html 是元素的innerhtml,不能包含 v if 元素是否移除或者插入 v show 元素隱藏或者顯示 v model 雙向資料繫結 v text v i...

Vue 基礎指令學習

學習vue的一些總結,第一次寫部落格,文筆實在是很差 不過我會不斷寫的。v text 是元素的innertext 只能在雙標籤中使用 v html 是元素的innerhtml,不能包含 v if 元素是否移除或者插入 v show 元素隱藏或者顯示 v model 雙向資料繫結 v text v i...

vue學習記錄 指令

資料繫結指令,可以防止閃屏!更新元素的innerhtml。在 上動態渲染任意 html 是非常危險的,因為容易導致 xss 攻擊。只在可信內容上使用 v html,永不用在使用者提交的內容上。根據表示式之真假值,切換元素的 display css 屬性。當條件變化時該指令觸發過渡效果。不同的是帶有 ...