01 2022 档案

摘要:2 、条件渲染 注 : v-if :不显示时,第一次就直接不渲染,如果是内容已经显示将其改为不显示,将内容直接从 DOM 去除,只是渲染一次的内容 用 v-if v-show :不显示时,就会改为 display:none,但是会渲染在 DOM 上。反复需要切换内容 ,使用 v-show v-if 阅读全文
posted @ 2022-01-10 16:32 GGFWI 阅读(45) 评论(0) 推荐(0) 编辑
摘要:因为 key 绑定的是一个字符串 , 所以 key 前面不需要加 冒号 1 <div v-else class="register" key='reg'> 因为 key 绑定的是一个变量 , 所以 key 前面需要加 冒号 <li v-for="item , key in students" :ke 阅读全文
posted @ 2022-01-07 10:50 GGFWI 阅读(177) 评论(0) 推荐(0) 编辑
摘要:<div id="app"> <h3>明细列表</h3> <ul> <li v-for="item in stars"> {{item}} </li> </ul> <h3>学生列表</h3> <ul> <li v-for="item in students"> <h4>学生姓名 : {{item.s 阅读全文
posted @ 2022-01-06 16:00 GGFWI 阅读(28) 评论(0) 推荐(0) 编辑
摘要:HTML 1 <button @click="showPane">切换显示内容</button> JS 使用 methods 方法 methods:{ showPane:()=>{ // 写点击后发生的事情 } } 阅读全文
posted @ 2022-01-05 19:58 GGFWI 阅读(178) 评论(0) 推荐(0) 编辑
摘要:方法1. 样式中加入!important,即:width: 100% !important; wxss 代码 1 .login-btn { 2 font-size: 16px; 3 width: 100% !important; 4 } wxml代码示例: <button class="login- 阅读全文
posted @ 2022-01-04 08:48 GGFWI 阅读(205) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示