1. 程式人生 > >$Django 路飛之小知識回顧,Vue之樣式element-ui,Vue繫結圖片--mounted頁面掛載--路由攜帶引數

$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,