vue數(shù)組刪除指定元素 如何利用Vue.js庫(kù)中的v-html指令添加html元素?
如何利用Vue.js庫(kù)中的v-html指令添加html元素?第一步是創(chuàng)建一個(gè)靜態(tài)頁(yè)面vhtml文件并介紹虛擬用戶.js在文件的第二步,在<body></body>元素中插入兩個(gè)div,
如何利用Vue.js庫(kù)中的v-html指令添加html元素?
第一步是創(chuàng)建一個(gè)靜態(tài)頁(yè)面vhtml文件并介紹虛擬用戶.js在文件的第二步,在<body></body>元素中插入兩個(gè)div,一個(gè)作為外部div,另一個(gè)作為子div,并綁定父div中的v-html指令。在第三步,綁定v-html指令數(shù)據(jù),設(shè)置為弦的第四步,虛擬用戶.js庫(kù)的v-html指令是插入html元素并修改數(shù)據(jù),用<P></P>標(biāo)記打包步驟5,預(yù)覽靜態(tài)頁(yè)面,您將看到頁(yè)面顯示為“v-html指令”步驟6。打開調(diào)試,你會(huì)發(fā)現(xiàn)有一個(gè)<P></P>標(biāo)簽
1。創(chuàng)建一個(gè)新的HTML文檔,然后在head標(biāo)簽中引入Vue的JS文件,這里以CDN文件的引入為例:
2。在body標(biāo)記中添加ID“AP”,然后在div標(biāo)記中添加div標(biāo)記,在Vue中添加變量數(shù)據(jù),然后使用“{}}”符號(hào)將變量引入div標(biāo)記,并在標(biāo)記中添加“v-html=”variable“v-html=”variable”屬性:
3。用瀏覽器打開HTML文檔,可以看到頁(yè)面中v-HTML指令添加的HTML元素: