- 博客(10)
- 资源 (8)
- 收藏
- 关注
转载 Vue 循环动态添加样式 实现tab切换
https://www.jb51.net/article/166102.htmhttps://segmentfault.com/q/1010000012863019/v-bind 三元:<h2 :class="off ? 'red':'green'">三元表达式</h2><!--这里是html结构--><div id="app">...
2019-01-15 22:07:40 1767
原创 @click.stop .prevent .capture .native事件修饰符,防止元素点击
<body> <div id="app"> <button @click="fn">测试事件</button> <a @click.prevent href="https:www.baidu.com">baidu</a> <!--失效-->
2019-01-26 22:06:59 2003
原创 基础指令v-html、v-cloak、v-once
<style>[v-cloak]{ display: none;}</style><body> <div id="app"> <p>{{5+5}}</p> //10 可用js表达式 <p>{{data1}}</p> <p v-text="data2">...
2019-01-26 21:14:42 248
原创 Object.defineProperty Vue双向数据绑定的原理
<script type="text/javascript"> //使用数据的时候,要先对数据进行劫持 //使用Object.defineProperty劫持数据,把属性转换成访问器的方式 //Object.defineProperty 定义属性,也可在原有属性上描述 /* getter 获取属性触发的 setter 设置属性触发 */ var data = { ...
2019-01-24 21:46:56 176
原创 Vue\Vue3 计算属性computed watch
<style> .box { margin: 100px auto 0; width: 80%; } .clear:after { content: ''; display: block; clear: both;...
2019-01-21 21:51:15 529 1
原创 v-for 循环数组数据、对象数据
<body> <div id="wrap"> <ul id="type"><!--在同一个父级中 不能出现两个item--> <li v-for="item in dataList"><!--item就是数据在dataList里面循环--> {{item.title}}<!--数据里面的tit...
2019-01-19 20:53:23 1169
原创 Vue绑定指令v-bind、v-on
<div id="app"> <input type="text" v-on:input="inputHandle()"> <textarea name="" id="" cols="30" rows="10" v-on:input="du()">11&
2019-01-15 21:23:20 568
原创 v-model双向数据绑定
<!-- 这里是模板开始 V--> <div id="app"> <!-- 在元素上写v-model 再写value无效 --> <input type="text" v-model="message"> <input type="text" v-model="text
2019-01-09 22:24:40 397
转载 Js中forEach,for in,for of循环的用法
转自:https://www.cnblogs.com/amujoe/p/8875053.html一般的遍历数组的方法: var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.length; i) { console.log(i,array[i]); } 二、用for in...
2019-01-07 22:00:26 9077 1
原创 box-sizing 弹性盒模型
<style> .box{ width: 300px; height: 300px; background: red; margin: 100px auto; padding: 100px; box-sizing:border-box; box-sizing:content-box; }</style><body> <...
2019-01-06 22:29:52 210
jQuery插件实现图片展开效果,jquery.gallery。仿腾讯QQ空间说说图片展示效果。.html
2020-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人