
VUE
雷加祥
学习前端开发过程中的笔记
展开
-
(uniapp)简单带动画的tab切换效果
【代码】(uniapp)简单带动画的tab切换效果。原创 2024-06-03 14:37:26 · 959 阅读 · 0 评论 -
实现简单的element-table的拖拽效果
实现简单的element-table的拖拽效果。原创 2023-08-17 23:39:34 · 2105 阅读 · 1 评论 -
VUE实现购物结算功能
代码 <div id="app"> <div v-if="list.length"> <table> <thead> <tr> <th></th> <th>书籍名称</th> <th>出版日期</th>原创 2020-06-05 16:16:58 · 1139 阅读 · 0 评论 -
Eslint常见Rules规则
"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名"no-class-assign": 2,//禁止给类赋值"no-cond-assign": 2原创 2020-05-31 16:20:17 · 7387 阅读 · 0 评论 -
VUE-路由的嵌套
笔记router-link是vue中提供的标签 默认会被渲染为a标签to属性默认会被渲染为href属性to属性的值默认会被渲染为#开头的hash地址router-view为路由填充位,渲染指定路由对应的组件先引入vue.js,再引入vue-router.js <router-link to="/user">User</router-link> <router-link to="/register">Register</router-link原创 2020-05-24 22:27:34 · 196 阅读 · 0 评论 -
VUE-侦听器实现验证用户名是否被注册过
1 通过v-model实现数据绑定2 需要提供验证信息3 需要侦听器监听输入信息的变化4 通过v-model.lazy监听事件代码如下 <div id="app"> <span>用户名:</span> <span> <input type="text" v-model.lazy='uname'> </span> <span>{{tip}}</span> &原创 2020-05-22 00:27:45 · 1481 阅读 · 1 评论 -
Vue实现简单的Tab栏切换
v-on:click=‘handle(index)’ 点击事件实现切换功能并且传参v-bind:class='currentIndex==index?“active”:""'利用三目运算符判断生命的currentIndex是否等于index 如果等于就给li标签添加active样式 如果不等于则为空 <div id="app"> <div class="tab"> <ul> <li v-on:click='handle(i.原创 2020-05-16 00:56:14 · 1857 阅读 · 0 评论