- 博客(9)
- 收藏
- 关注
RSS订阅原创 rror: src refspec develop does not match any. error: failed to push some refs
rror: src refspec develop does not match any. error: failed to push some refs
2022-04-12 17:40:49
948
原创 Vue-07循环渲染指令
v-for是vue的循环渲染指令，一般是将多行数据渲染到页面上用法如下：当ｄａｔａ数据如下data:{ list:[ {id:1,name:'张三'}, {id:2,name: '李四'}, {id:3,name:'王五'} ]}<tr v-for="item in list" :key="item.id"> <td>{{item.id}}</td> <td>
2022-03-17 16:34:15
1157
原创 Vue-06.条件渲染指令
v-if是vue条件渲染指令,有两个作用（1）可以创建和删除HTML元素，v-if='true'是显示该元素当data中 flag = true 时如：<div v-if = 'flag'>这是v-if指令</div>显示：这是v-if指令当我们改变flag的值为false时，整个HTML会被删除，重新改为true时，会创建元素其实它的效果和v-show差不多，v-show是显示隐藏当data中 flag = true 时如：<div v-if
2022-03-17 00:02:00
1467
原创 Vue-05.双向事件绑定
一般来说，是数据渲染视图，即将data里面的数据渲染到页面上，一般来说都是单向数据渲染。如v-bind就是单向事件绑定，v-bind是属性绑定事件<input type="text" :value="username">当这里的username改变时，data里面的数据不会改变，这是单向数据绑定的局限性。不过一般非可填写的元素一般使用单向数据绑定,因为他们是不可变的，同时也说明了v-model只适用于可改变的元素，否则它没有意义<select v-model="city"&
2022-03-15 00:06:45
657
原创 Vue-04.按键修饰符
按键修饰符，@keyup.esc 是在事件绑定的基础上添加了按键的事件，当用户点击按键esc时，会触发事件<input @keyup.esc='clearInput' type='text' >methods:{ clearInput(e){ e.target.value = '' },当用户点击了esc键，text里面的内容清空。...
2022-03-14 23:53:38
231
原创 Vue-3.事件绑定指令
v-on指令可以简写为@<p>count的值是：{{count}}</p><button @click='add'>+1</button>在script中添加methods data:{ username:'zhangsan', count:0},//methods的作用是定义事件的处理函数methods:{ add () { //console.log(vm) // vm.c..
2022-03-14 23:42:21
795
原创 Vue指令-2.属性绑定指令
属性绑定指令 v-bind: 在实际开发中也可以简写为:,主要用于填充元素的属性值话不多说，先来一段代码当data中存在tips:'请输入用户名',<input type='text' :placeholder='tips'> //这里的:是v-bind的缩写，tips代表要填入的数据显示的结果是 input输入框中会默认填入请输入用户名另外，vue里面还可以进行简单的运算，如<div>1+2的结果是：{{1+2}}</div>显示
2022-03-14 22:28:04
1009
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人