2022年4月29日

vue2 - 收集表单数据

摘要： <body> <!-- 收集表单数据： 若：<input type="text"/>，则v-model收集的是value值，用户输入的就是value值。 若：<input type="radio"/>，则v-model收集的是value值，且要给标签配置value值。 若：<input type=" 阅读全文

posted @ 2022-04-29 23:38 每天积极向上 阅读(39) 评论(0) 推荐(0) 编辑

vue2 - 过滤器

摘要： <!-- 过滤器： 定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。 语法： 1.注册过滤器：Vue.filter(name,callback) 或 new Vue{filters:{}} 2.使用过滤器：{{ xxx | 过滤器名}} 或 v-bind:属性 = "xxx 阅读全文

posted @ 2022-04-29 23:36 每天积极向上 阅读(263) 评论(0) 推荐(0) 编辑

vue2 - vue.set添加属性与修改data中的数组

摘要： 1.添加属性 使用：Vue.set(target，propertyName/index，value) 或 vm.$set(target，propertyName/index，value) target：要修改的对象，propertyName：对象的属性，index：数组的下标，value：修改的属性 阅读全文

posted @ 2022-04-29 22:25 每天积极向上 阅读(2493) 评论(0) 推荐(0) 编辑

vue2 - 列表渲染

摘要： v-for指令： 1.用于展示列表数据 2.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少） 3.v-for="(item,index) of Array" :key="index" 适合遍历数组 4.v-for="(value,name,index) of Object" :key=" 阅读全文

posted @ 2022-04-29 15:43 每天积极向上 阅读(59) 评论(0) 推荐(0) 编辑

vue2 - 条件渲染 元素的显示与隐藏

摘要： v-if： (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于：切换频率较低的场景。 特点：不展示的DOM元素直接被移除。 注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”。 <div id="roo 阅读全文

posted @ 2022-04-29 00:23 每天积极向上 阅读(370) 评论(0) 推荐(0) 编辑

导航