$Django 路飞之小知识回顾,Vue之样式element-ui,Vue绑定图片--mounted页面挂载--路由携带参数
一 小知识回顾
1 级联删除问题
2 一张表关联多个表,比如有manytomanyfileds forignkey,基于对象查询存在的问题:反向查询的时候 表名小写_set.all()不知是哪个字段queryset对象 所以说related_name='coursedetail_by'
3 Vue生命周期钩子可以直接发axios
二 Vue样式用elemen(jq用bootstap)
网站http://element-cn.eleme.io/#/zh-CN/guide/design
1 emement-ui
-下载:npm install element-ui
-使用:在main.js中配置
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
三 Vue绑定图片--mounted页面挂载--路由携带参数
#绑定图片(本质是绑定的路由, 1后端路由处要开个路由口serve, 2前端这里要把 协议,ip ,port ,media ,数据库存的路径, 拼上)
<el-carousel-item v-for="img in imgs">
<img :src="img">
</el-carousel-item>
#可以挂载一个方法执行/可以直接发axios
mounted:function () {
//init()为methods中定义的方法
this.init()
}
#课程详情页面
-路由携带参数跳转:
<router-link :to="{'name':'courseDetail','params':{'id':course.id}}">详情</router-link>
{
path: '/coursedetail/:id',
name: 'coursedetai',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ './views/coursedetail.vue')
},
-取值:
course_id: this.$route.params.id,
随机推荐
- python-常用数据类型
九 基本数据类型 什么是数据?为何要有多种类型的数据? #数据即变量的值,如age=18,18则是我们保存的数据. #变量的是用来反映/保持状态以及状态变化的,毫无疑问针对不同的状态就应该用不同类型的 ...
- Java入门系列 Lambda表达式
https://blog.csdn.net/bitcarmanlee/article/details/70195403
- JS处理数据四舍五入
一,使用Math.toFixed toFixed() 方法可把 Number 四舍五入为指定小数位数的数字. 语法NumberObject.toFixed(num) 但是网友说toFixed bug比 ...
- iTOP-6818开发板支持AXP228电源管理[官方推荐最佳匹配]_支持动态调频
iTOP-6818开发板与4418开发板共兼容同一底板: 核心板:::::: 尺寸 50mm*60mm 高度 核心板连接器组合高度1.5mm PCB层数 6层PCB沉金设计 4418 CPU ARM ...
- luogu P3236 [HNOI2014]画框
传送门 我们把一种方案的\(\sum a_{i,j}\)和\(\sum b_{i,j}\)看成点\((\sum a_{i,j},\sum b_{i,j})\),那么就只要求横纵坐标之积最小的点,类似于 ...
- firefox 播放h5爱奇艺视频
先安装 violentmonkey 扩展(https://addons.mozilla.org/zh-CN/firefox/addon/violentmonkey/), 在安装这个脚本 https:/ ...
- 第21月第4天 leetcode codinginterview c++
1.leetcode Implement strStr(). Returns the index of the first occurrence of needle in haystack, or - ...
- python加密(MD5)
# import hashlib # # 1. 创建一个MD5对象 # obj = hashlib.md5(b"flkjsdalkfjklasdjfklasjkflasdjklfasdjfl ...
- 编写blog第一天
今天玩的比较嗨,离开学还剩半个月了,之前在网上搜集了一些blog制作方面的资料,并且在博客园注册了一个账号,今天才打开了申请已久的blog,现在已经对blog具有的基本功能和界面布局有了比较全面的掌握 ...
- linux 权限管理 初识