随笔分类 - 前端--Vue.js
摘要:最近在写一个vue项目时需要用到注销按钮,判断是否登录的条件是浏览器保存了用户token,点击注销清除localStorage缓存。实现用户注销 在localStorage中储存数据,方便在页面中使用数据的时候调用。如果用完数据之后需要清除localStorage中储存的数据,可以使用以下几种方式:
阅读全文
摘要:Vue+Ant design vue安装及配置使用 Ant design vue官网:https://www.antdv.com/docs/vue/introduce-cn/ 基于 Ant Design of Vue 实现的Vue项目 :https://gitee.com/sendya/ant-de
阅读全文
摘要:1.GET查询数据 <template> <div> <h1>查询数据</h1> <div v-for="i in list"> <p>姓名:{{i.name}} </p> <p>年龄:{{i.age}}</p> <p>家乡:{{i.home}}</p> <div style="border:1px
阅读全文
摘要:1. router-link标签跳转 不需要传参 <router-link to='two'><button>点我到第二个页面</button></router-link> id传参 传参页面 <!--<router-link :to="{'path':'/要跳转的路由/','query':{'id
阅读全文
摘要:1.vue微博回调空页面 注:微博回调空页面为: http://127.0.0.1:8888/oauth/callback/ 1.1 页面路径 components\oauth.vue <template> <div> <div v-show='visiable'> 绑定用户 用户名: <input
阅读全文
摘要:1.vue微博回调空页面 注:微博回调空页面为: http://127.0.0.1:8888/oauth/callback/ 1.1 页面路径 components\oauth.vue <template> <div> <p>跳转中....</p> </div> </template> <scrip
阅读全文
摘要:1.在Vue页面加载时动态发送请求获取微博授 权url 1.1 在 components\common\lab_header.vue 中写oauth动态获取微 博授权URL // 获取微博登录地址 oauth() { // 从后端获取 微博登录地址 oauth_post().then((resp)
阅读全文
摘要:1.vue检查用户名是否重复 前端函数如下,js方法代码无需更改,前端代码逻辑在components\common\lab_header.vue 只需要修改components\axios_api\http.js中调用的后端地址 // axios.defaults.baseURL = "http:/
阅读全文
摘要:1.vue发送短信逻辑 前端函数如下,js方法代码无需更改,前端代码逻辑在components\common\lab_header.vue 只需要修改components\axios_api\http.js中调用的后端地址 // axios.defaults.baseURL = "http://12
阅读全文
摘要:1.1 组件的生命周期 1、说明 1. Vue将组件看成是一个有生命的个体,跟人一样,定义了各个阶段, 2. 组件的生命周期:组件的创建过程 3. 组件生命周期钩子函数:当组件处在某个阶段,要执行某个方法,来通知我们,组件进入某个阶段,这个方法就是组件生命周期的钩子函数 4. 组件的创建过程:这些方
阅读全文
摘要:1.组件之间的通信 参考链接:https://www.cnblogs.com/xiaonq/p/9685234.html https://www.cnblogs.com/lingdu87/p/9147555.html#top 1.1 父组件向子组件间的通信 1、组件间的通信说明 1. 组件间通信
阅读全文
摘要:1.创建一个Login.vue页面 1.1 写页面 components/Login.vue 在 src/components 下创建 Login.vue 页面 <template> <div> 测试axios-{{title}} </div> </template> <script> import
阅读全文
摘要:1.登录接口测试 1.1 user/usrs.py 中配置路由 urlpatterns = [ path('login/', views.login), ] 1.2 user/views.py 中写一个login视图函数 from django.http import JsonResponse im
阅读全文
摘要:1.跨域配置 django cors设置 #1.安装包 pip install django-cors-headers #2.注册应用 INSTALLED_APPS = [ '''添加django-cors-headers 使其可以进行 cors跨域''' 'corsheaders', ] #3.添
阅读全文
摘要:参考掘金:https://juejin.im/post/6844903652881072141#heading-8 1.初始化Vue项目 参考博客 :https://www.cnblogs.com/xiaonq/p/11027880.html #使用脚手架创建vue项目 deaxios是项目名,随便
阅读全文