$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>
-取值:
course_id: this.$route.params.id,