2020 年 6月 5 日随笔档案 - unfetteredman

2020年6月5日

摘要：循环语句循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表： <div id="app"> <ol> <li v-for="site in 阅读全文

posted @ 2020-06-05 15:45 unfetteredman 阅读(281) 评论(0) 推荐(0)

v-else-if（v-show)

摘要： <div id="app"> <div v-if="type 'A'"> A </div> <div v-else-if="type 'B'"> B </div> <div v-else-if="type 'C'"> C </div> <div v-else> Not A/B/C </div> </ 阅读全文

posted @ 2020-06-05 15:35 unfetteredman 阅读(248) 评论(0) 推荐(0)

v-on 缩写

摘要：  <a v-on:click="doSomething"></a>  <a @click="doSomething"></a> 阅读全文

posted @ 2020-06-05 14:58 unfetteredman 阅读(236) 评论(0) 推荐(0)

v-bind 缩写

摘要： Vue.js 为两个最为常用的指令提供了特别的缩写：  <a v-bind:href="url"></a>  <a :href="url"></a> 阅读全文

posted @ 2020-06-05 14:57 unfetteredman 阅读(510) 评论(0) 推荐(0)

v-model 指令来实现双向数据绑定

摘要： <div id="app"> <p>{{ message }}</p> <input v-model="message"> </div> <script> new Vue({ el: '#app', data: { message: 'Runoob!' } }) </script> 阅读全文

posted @ 2020-06-05 14:51 unfetteredman 阅读(177) 评论(0) 推荐(0)

正则

摘要： <!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body> <p>请输出一个 5 到 10 之间的数字:</p> <input id="demo" type="text"> 阅读全文

posted @ 2020-06-05 14:46 unfetteredman 阅读(104) 评论(0) 推荐(0)

Email地址验证

摘要： <script>function validateForm(){ var x=document.forms["myForm"]["email"].value; var atpos=x.indexOf("@"); var dotpos=x.lastIndexOf("."); if (atpos<1 | 阅读全文

posted @ 2020-06-05 09:20 unfetteredman 阅读(253) 评论(0) 推荐(0)

表单属性

摘要： HTML5 表单属性 HTML5 新的表单属性 HTML5 的 <form> 和 <input>标签添加了几个新属性. <form>新属性： autocomplete novalidate <input>新属性： autocomplete autofocus form formaction form 阅读全文

posted @ 2020-06-05 09:11 unfetteredman 阅读(441) 评论(0) 推荐(0)