如何利用Vue js庫中的v html指令新增html元素

2021-05-05 08:19:57 字數 1057 閱讀 2186

1樓:

1、新建html文件,然後在head標籤中引入vue的js檔案,這裡以引入cdn檔案為例:

3、用瀏覽器開啟html文件,這時可以在頁面中看到被v-html指令新增的html元素:

2樓:懂點君

這是乙個完整的例子。

3樓:匿名使用者

第一步,建立靜態頁面vhtml.html,並引入vue.js檔案,如下圖所示:

如何利用vue.js庫中的v-html指令新增html元素

第二步,在元素內插入兩個div,乙個作為外層div,另外乙個作為子div,並在父div繫結v-html指令,如下圖所示:

如何利用vue.js庫中的v-html指令新增html元素

第三步,繫結v-html指令資料,這裡設定為字串,如下圖所示:

如何利用vue.js庫中的v-html指令新增html元素

第四步,vue.js庫的v-html指令是插入html元素,修改datas為包含

標籤,如下圖所示:

如何利用vue.js庫中的v-html指令新增html元素

第五步,預覽該靜態頁面,這時會看到頁面顯示為「v-html指令」,如下圖所示:

如何利用vue.js庫中的v-html指令新增html元素

6第六步,將除錯開啟,這時發現

中有個標籤,如下圖所示:

如何利用vue.js庫中的v-html指令新增html元素

如何利用vue.js庫中的v-html指令新增html元素

4樓:g肯定

第一步,建立靜態頁面vhtml.html,並引入vue.js檔案第二步,在元素內插入兩個div,乙個作為外層div,另外乙個作為子div,並在父div繫結v-html指令

第三步,繫結v-html指令資料,這裡設定為字串第四步,vue.js庫的v-html指令是插入html元素,修改datas為包含

標籤第五步,預覽該靜態頁面,這時會看到頁面顯示為逗v-html指令地第六步,將除錯開啟,這時發現

中有個標籤

如何向資料庫中新增日期型資料,如何向資料庫中新增日期型資料

lz都不知道日期的標準格式,1,是 2009 4 18 0 32 50 這樣的,而不是字串,也不是text1.text 2,判斷日期間隔的爭取方法是用 datediff 函式,而不是單純的 大於號 小於號,也不是單純的字串比較 相關資料去msdn或網上查吧 把text用ctod 函式轉換為日期型。c...

c 中如何利用《fstream》從檔案中讀入和輸出完

include include include using namespace std int main while in.eof 讀檔案system pause return 0 c 中關於檔案的讀入和輸出。example 從in.txt 檔案中讀入資料,並輸出到out.txt中,輸出的檔案中每行...

如何利用小學數學教材中的主題圖,如何優化使用小學數學教材中的習題

在你回顧和複習本章節的主要內容和知識點時,有很大的幫助.別看它們簡單,卻很實用.比如,你做了大量的題目後就會發現,總可歸結為這些知識點的交匯或綜合.如何優化使用小學數學教材中的習題 作為優化小學數學課堂的一種有效手段,利用數學主題圖幫助學生探索知識,其實是一種數形結合的學習方法,具有直觀形象的優點,...