zoukankan      html  css  js  c++  java
  • $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,

  • 相关阅读:
    App自动化01-Appium概述
    App绕过SSL Pinning机制抓取Https请求
    手机大厂必备测试技能-GMS 认证
    手机大厂必备测试技能-CTS 兼容测试
    一文搞定web自动化环境常见问题
    Airtest-UI 自动化集大成者
    shell三剑客之sed
    shell三剑客之grep
    二月主题读书整理——元技能系列
    深度学习目标检测综述推荐之 Xiaogang Wang ISBA 2015
  • 原文地址:https://www.cnblogs.com/3sss-ss-s/p/10171777.html
Copyright © 2011-2022 走看看