随笔档案「2021年9月」 - 果冻TD

vue v-for 四种用法

摘要：页面效果代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con 阅读全文

posted @ 2021-09-10 12:14 果冻TD 阅读(2953) 评论(0) 推荐(0)

vue v-band 绑定内联样式 style

摘要：页面效果代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con 阅读全文

posted @ 2021-09-10 11:49 果冻TD 阅读(149) 评论(0) 推荐(0)

vue class绑定四种方式 v-band

摘要：页面效果代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con 阅读全文

posted @ 2021-09-10 11:32 果冻TD 阅读(349) 评论(0) 推荐(0)

v-model 练习，简易计算器

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-09-10 11:12 果冻TD 阅读(64) 评论(0) 推荐(0)

vue 双向数据绑定 v-model

摘要：v-model 只能运用到表单元素中如input（redio,text,address,emll......） select checkbox textarta <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文

posted @ 2021-09-10 10:25 果冻TD 阅读(60) 评论(0) 推荐(0)

vue 事件修饰阻止冒泡

摘要：.stop 组织冒泡 .stop 只当事件在该元素自身时触发回调 .prevent 阻止默认冒泡 .once 事件只触发一次  .capture 阅读全文

posted @ 2021-09-10 09:43 果冻TD 阅读(200) 评论(0) 推荐(0)

vue 跑马灯效果

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <div>{{msg}}</div> <button @click="lang">浪起来</butto 阅读全文

posted @ 2021-09-08 11:33 果冻TD 阅读(105) 评论(0) 推荐(0)