2019年12月15日

案例-todolist计划列表【删除计划】

摘要： <div class="list_con" id="todolist"> <h2>To do list</h2> <input type="text" v-model="text" id="txt1" class="inputtxt"> <input type="button" name="" va 阅读全文

posted @ 2019-12-15 12:15 立文阅读(183) 评论(0) 推荐(0) 编辑

案例-todolist计划列表【添加计划】

摘要： <div class="list_con" id="todolist"> <h2>To do list</h2> <input type="text" v-model="text" id="txt1" class="inputtxt"> <input type="button" name="" va 阅读全文

posted @ 2019-12-15 10:55 立文阅读(289) 评论(0) 推荐(0) 编辑

案例-todolist计划列表【显示列表】

摘要： <div class="list_con" id="todolist"> <h2>To do list</h2> <input type="text" name="" id="txt1" class="inputtxt"> <input type="button" name="" value="增加阅读全文

posted @ 2019-12-15 10:54 立文阅读(356) 评论(0) 推荐(0) 编辑

案例-todolist计划列表[基本代码]

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>todolist</title> <style type="text/css"> .list_con{ width:600px; margin:50px aut 阅读全文

posted @ 2019-12-15 09:52 立文阅读(414) 评论(0) 推荐(0) 编辑

2019年12月14日

vue 阻止元素的默认行为

摘要： <div id="app"> <a href="http://www.luffycity.com" @click.prevent="show()">路飞学城</a> </div> <script> var vm = new Vue({ el:"#app", methods:{ show(){ ale 阅读全文

posted @ 2019-12-14 16:16 立文阅读(3228) 评论(0) 推荐(0) 编辑

vue 阻止事件冒泡

摘要： <div id="app" @click="show(1)"> <div id="box" @click="show(10)"> <p @click.stop="show(100)">一个文本段落</p> </div> </div> <script> var vm = new Vue({ el:"# 阅读全文

posted @ 2019-12-14 16:09 立文阅读(15396) 评论(0) 推荐(0) 编辑

阻止事件冒泡

摘要： <body onclick="alert(1)"> <div id="app" onclick="alert(10)"> <p onclick="alert(100)">一个p标签</p> </div> <script> var p = document.getElementsByTagName(" 阅读全文

posted @ 2019-12-14 15:39 立文阅读(127) 评论(0) 推荐(0) 编辑

2019年12月13日

vue 对象的生命周期

摘要： <div id="app"> <p>{{num}}</p> </div> <script> var vm = new Vue({ el:"#app", data:{ num: 10, }, beforeCreate(){ // vm对象创建执行的方法 console.log("vm对象创建之前"); 阅读全文

posted @ 2019-12-13 21:00 立文阅读(433) 评论(0) 推荐(0) 编辑

侦听属性

摘要： <div id="app"> <button @click="num++">+</button> <input :class="{red:than_100,blue:less_100}" type="text" v-model="num"> <button @click="num--">-</but 阅读全文

posted @ 2019-12-13 20:41 立文阅读(364) 评论(0) 推荐(0) 编辑

计算属性

摘要： <div id="app"> <p>{{num}}</p> <p>{{num2}}</p> </div> <script> var vm = new Vue({ el:"#app", data:{ num:100, }, //计算属性 computed:{ num2:function (){ ret 阅读全文

posted @ 2019-12-13 20:02 立文阅读(190) 评论(0) 推荐(0) 编辑

2019年12月15日

2019年12月14日

2019年12月13日

公告