vue

Django REST framework+Vue 打造生鲜电商项目(笔记五)

一、viewsets实现商品详情页接口(1)商品详情页只需要多继承一个类(mixins.RetrieveModelMixin)就可以了,(它的功能就是展示商品详情)classGoodsListViewSet(mixins.ListModelMixin,mixins.RetrieveModelMixin,viewsets...

Django REST framework+Vue 打造生鲜电商项目(笔记四)

 (PS:部分代码和图片来自博客:http://www.cnblogs.com/derek1184405959/p/8813641.html。有增删)(前言:为什么有了session了,还要用token呢?因为每次认证用户发起请求时,服务器需要去创建一个记录来存储信息。当越来越多的用户发请求时,内存的开销也会...

Django REST framework+Vue 打造生鲜电商项目(笔记三)

(PS:转载自http://www.cnblogs.com/derek1184405959/p/8810591.html 有修改)一、drf的过滤(1)添加到app里面INSTALLED_APPS=['django_filters',](2)新建filter.py自定义一个过滤器#goods/filters....

Django REST framework+Vue 打造生鲜电商项目(笔记二)

(转自https://www.cnblogs.com/derek1184405959/p/8768059.html)(有修改)接下来开始引入djangoresfulframework,体现它的强大之处1、写view函数#goods/view.pyfromdjango.views.genericimportViewfro...

Django REST framework+Vue 打造生鲜电商项目(笔记一)

  首先,这系列随笔是我个人在学习Bobby老师的Django实战项目中,记录的觉得对自己来说比较重要的知识点,不是完完整整的项目步骤过程....如果有小伙伴想找完整的教程,可以看看这个(https://www.cnblogs.com/derek1184405959/p/8768059.html)setting.py中...

Vue项目的开发流程

  我先安装的node.js1.确认已安装了node.js,可在cmd中输入(node-v和npm-v),如显示出版号,说明安装成功  2.安装webpack 和webpack-cli在全局下安装webpack :npm install w...
代码星球·2020-04-04

Vue-cli3 配置生产环境、测试环境 打包指令

1.在根目录创建.env.dev文件作为测试环境配置      创建.env.prod文件作为生产环境配置     (创建的文件和package.json在同一级) 2.配置.env.dev文件 .env.prod文件同下//测试环境标记package.json用VUE_APP_...

vue2.0 在页面中使用process获取全局路径的时候 报错 process is not defined

如果是刚配置好的全局变量需要重新启动一下vue才能通过proccess.env.xxx获取到如果想在html中使用需要在data中声明一个变量然后在vue生命周期中将process.env.xxx赋值给这个变量 例如我在.env.dev文件中刚配置了一个上传文件的url//测试环境标记package.json...

Vue 添加外部的时间插件不触发v-model事件更改数据

使用的jquery日期插件 最终问题是在选择完成日期后并未激活oninput事件,所以也没有激活v-model去改变date解决思路:  去插件js文件中,在赋值给dom的时候添加模拟输入事件便可  例如jquery写法  $(element).trigger("input"); ...

Vue router拦截 如果用户并未登录直接跳转到登录界面(最简单的cookie演示)

router.beforeEach(function(to,from,next){console.log('路由拦截')console.log(to.name)console.log(from.name)if(to.name=='login'){next();}else{if($.cookie('userIsLogin...

vue-cli watch简单用法

创建一个vue单文件<template><divid="test"><h4@click="changeMsg()"id="outputDom">{{msg}}</h4></div></template><script>exportdef...
代码星球·2020-04-04

Vue2 异步获取的数据(通过ajax)获取的数据 渲染到dom上

页面dom结构如下<ulclass="user"id="app"><li><span>姓名:</span><iid="name">{{msg.name}}</i></li><li><span>年龄:</sp...

配置webpack loader vue 报错:Module build failed: TypeError: this._init is not a function

单文件组件引入时报错 配置webpage.config.js中的vue需要如下写法{test:/.vue/,loader:"vue-loader",} 之前写的loader是vue,并没有加-loader所以报错...

Vue学习笔记

Html<divid="userMessage"></div>JsvaruserMessage=newVue({el:'#userMessage',//绑定html元素data:{//数据userMessage:{name:'zhangsan',sex:'man',phone:'18688888...
代码星球·2020-04-04

vue中实现全选功能

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Vue测试实例-菜鸟教程(runoob.com)</title><scriptsrc="https://cdn.bootcss.com...
代码星球·2020-04-04