随笔分类 -  Vue.js的学习笔记

Vue实现数据模板数据渲染后附加到指定位置
摘要：HTML <!-- v-bind:class、v-bind:href等可以拼接vue的data参数 --> <div v-bind:class='['bg'+id]'> {{nickName}} </div> JS var app = new Vue({ el: '#app', data: { ni 阅读全文
posted @ 2020-03-25 16:02 好胖的兔子 阅读(891) 评论(0) 推荐(0)
Vue.js实现分页
摘要：效果图 代码 <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UT 阅读全文
posted @ 2019-05-02 12:38 好胖的兔子 阅读(3865) 评论(0) 推荐(0)
Vue.js实现后台菜单切换
摘要：因为刚初学Vue.js，暂时遇到以下问题，待之后解决 点击父节点，怎么隐藏显示子节点 点击父节点或子节点，切换li的class="active" iframe怎么自适应高度 思路 这里是通过vue.router进行切换 效果图 代码 <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2019-04-24 11:37 好胖的兔子 阅读(2167) 评论(0) 推荐(0)
Vue.js实现登录功能
摘要：编写html，通过vue-resource.js库向后台提交数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户注册</title> <link href="bootstrap-4.3.1-dist/c 阅读全文
posted @ 2019-04-23 17:46 好胖的兔子 阅读(7283) 评论(0) 推荐(0)
Vue.js实现注册功能
摘要：编写html，通过vue-resource.js库向后台提交数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户注册</title> <link href="bootstrap-4.3.1-dist/c 阅读全文
posted @ 2019-04-23 15:01 好胖的兔子 阅读(3804) 评论(0) 推荐(0)
Vue.js入门
摘要：{{message}} 阅读全文
posted @ 2019-04-23 12:49 好胖的兔子 阅读(198) 评论(0) 推荐(0)