vue
qq_39913441
这个作者很懒,什么都没留下…
展开
-
品牌管理案例
品牌管理案例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>品牌管理</title> <link rel="stylesheet" type="text/css" href="CSS/bootstrap.min.css"/> ...原创 2019-08-08 19:54:48 · 615 阅读 · 0 评论 -
Vue计算器案例
Vue计算器案例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>双向绑定计算器</title> <script src="vue/vue.js" type="text/javascript" charset="utf-8">&l...原创 2019-08-08 20:22:49 · 406 阅读 · 0 评论 -
Vue的双向绑定一(v-model和输入框)
Vue的双向绑定一(v-model和输入框)vue.js提供了v-model指令,用于在表单类元素上双向绑定数据。比如:在输入框上使用时,输入框的内容会实时映射到绑定的数据上。<div id="app9"> <input type="text" v-model="message" /> <p>输入的数据是:{{message}}</p>&...原创 2019-08-09 20:33:51 · 5096 阅读 · 0 评论 -
vue框架实现走马灯
vue框架实现走马灯走马灯的思想很简单:利用定时器利用substring()不断截取字符串来实现字符位置的转换(比如:abc–>bca,bca->cab,cab->abc)即不断的截取第一个字符(start)和1~.length-1(end)的字符,将截取的第一个字符(start)加到end后面,形成新的字符串,利用定时器不断的执行,则形成走马灯。<!DOCTY...原创 2019-08-07 20:40:18 · 5953 阅读 · 1 评论 -
Vue双向绑定二(v-model与单选按钮)
Vue双向绑定二(v-model与单选按钮)一、单选按钮在单独使用时单选选按钮在单独使用时,不需要v-model,直接使用v-bind绑定一个布尔类型的值,为真时选中,为否时为不选,例如:<div id="app12"> <input type="radio" :checked="picked" id="radio" value="hyml"/> <...原创 2019-08-10 10:18:24 · 5761 阅读 · 0 评论 -
vue基础(v-model与复选框)
vue基础(v-model与复选框)一、复选框单独使用复选框也分单独使用和组合使用,不过,与单选按钮不同,复选框单独使用时,也是用v-model来绑定一个布尔值,例如:<div id="app13"> <input type="checkbox" v-model="checked" id="ch" /> <label for="ch">复选框的...原创 2019-08-10 11:01:36 · 15457 阅读 · 2 评论 -
vue基础之v-model与选择列表
vue基础之v-model与选择列表选择列表就是下拉选择器,也是常见的表单控件,同样也分为单选和多选两种方式。单选 <div id="app15"> <select v-model="selected"> <option>html</option> <option value="css">css</opt...原创 2019-08-10 14:58:31 · 1175 阅读 · 0 评论 -
v-show与v-if的区别
v-show与v-if的区别v-showv-show的用法与v-if基本一致,只不过v-show是改变元素的css属性display。当v-show表达式的值为false是,元素会隐藏,查看DOM结构看到元素上加载了内联样式display:none; <h3>v-show 改变css display 的样式</h3> <div id="app26"> ...原创 2019-08-10 16:39:12 · 4503 阅读 · 1 评论 -
Vue指令---总
Vue指令—总vue.js的指令是带有特殊前缀"v-"的HTML特性,它绑定一个表达式,并将一些特殊应用到DOM上。1. v-cloakv-cloak不需要表达式,它会在Vue实例结束编译时从绑定的HTML元素上移除,经常和css的display:none;配合使用,可以解决插值表达式的闪烁的问题:在vue.js没有加载之前,页面会显示{{msg}},知道vue.js加载完毕之后才会显示真正...原创 2019-08-23 17:07:28 · 289 阅读 · 0 评论