介绍 & lt; ! DOCTYPE html>
& lt; html>
,
,& lt; head>
,& lt; meta charset=癠TF-8"比;
,& lt; title> & lt;/title>
,& lt; script 类型=拔谋?javascript", src=癹s/vue.js",祝辞& lt;/script>
,& lt;/head>
,
,& lt; body>
,& lt; div id=皌odo-list-example"比;
& lt;才能button v:点击=皊s"在保存,& lt;/button>
& lt;才能ul>
& lt;才能li 是=皌odo-item", v=?todo,指数),拷贝todos", v-text=皊v", v:点击=癶h"祝辞& lt;/li>
& lt;才能/ul>
,& lt;/div>
,& lt;/body>
,& lt; script>
,Vue.component (& # 39; todo-item& # 39;,, {
模板:,才能
& lt;才能li v:点击=懊涝⒊?& # 39;点击# 39;)“比;
,,{{,text }}
& lt;才能/li>”
,,道具:[& # 39;文本# 39;】
,})
,Vue ({new
el才能:& # 39;# todo-list-example& # 39;
,,数据:{
待办事项:,才能
,,& # 39;+添加& # 39;
,,,
sv: & # 39;才能+添加& # 39;
,,},
方法:才能,{
ss:才能,函数(),{
,,this.todos.push (this.sv)
,,},
hh才能:函数(){
,,提醒(1)
,,}
,,}
,})
,& lt;/script>
,
& lt;/html>
这篇文章给大家介绍使用vue。js怎么实现点击按钮动态添李加标签,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
<>强如下所示:
关于使用vue.js怎么实现点击按钮动态添李加标签就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
