$Django 路飞之小知识回顾,Vue之样式element-ui,Vue绑定图片--mounted页面挂载--路由携带参数

Posted 3sss-ss-s

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了$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,

 

 

以上是关于$Django 路飞之小知识回顾,Vue之样式element-ui,Vue绑定图片--mounted页面挂载--路由携带参数的主要内容,如果未能解决你的问题,请参考以下文章

python 小兵之小技巧

路飞_login_vue

编程大白话之-Vue .el-switch开关样式修改

vue复习大法之小案例品牌管理

路飞项目背景,contentType以及django缓存

为啥字体大小(和其他元素)在移动设备上显得如此之小