html
qq_39913441
这个作者很懒,什么都没留下…
展开
-
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 评论 -
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与单选按钮)一、单选按钮在单独使用时单选选按钮在单独使用时,不需要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框架实现走马灯
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和输入框)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计算器案例<!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 评论 -
品牌管理案例
品牌管理案例<!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 评论 -
BootStrap基础---提示框(tooltip)
BootStrap基础—提示框(tooltip)1. 提示框-结构Bootstrap框架中提示框常使用的是按钮标签或者链接标签来制作。它们都有一个共性:通过title属性的值来定义提示信息(也可以自定义属性data-original-title来设置提示信息,自定义的优先级更高些)。通过data-placement自定义属性来控制提示信息框的位置,根据四种不同的位置,data-place...原创 2019-08-05 20:39:45 · 9539 阅读 · 0 评论 -
Bootstrap基础--选项卡
Bootstrap基础–选项卡(nav-tabs)选项卡Tabs是Web中一种非常常用的功能。用户点击或悬浮对应的菜单项,能切换出对应的内容。一个选项卡主要包括两个部分,其一是菜单项,其二是内容面板。注意: 选项卡中链接的锚点要与对应的面板内容容器的原创 2019-08-05 20:20:22 · 19383 阅读 · 0 评论 -
Bootstrap基础-模态弹出框
1. Bootstrap基础-模态弹出框Bootstrap框架中的模态弹出框,分别运用了"modal"、“modal-dialog” 和 “modal-content” 样式,而弹出窗真正的内容都防止在"modal-content" 中,其主要又包括三个部分:弹出框头部,modal-header,包括标题和关闭按钮;弹出框主体,modal-body,弹出框的主要内容;弹出框脚步,moda...原创 2019-08-05 18:05:02 · 1181 阅读 · 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 评论