葫芦-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

葫芦

专栏成员

307

文章

865471

阅读量

34

订阅数

在Docker上运行Django和Vue

容器镜像服务 django vue.js

在Docker上运行Django和Vue Run Django and Vue on Docker 📷 Django Dockerfile 生成django项目依赖包. Generate Django project dependencies. pip freeze > requirements.txt 编写django启动脚本 run.sh Write a Django startup script run.sh python3 manage.py runserver 0.0.0.0:8000 编写 D

2021-09-08

1.3K0

cssjshtml vue+element-ui 表单操作

基于element-ui 进行form 值检查，动态删除表单项，空置提交检查. VUE: <template> <el-container> <el-header height="40px">接入配置</el-header> <el-main> <div class="access_form"> <el-form ref="form" :model="form" label-width="120px" label-position="left" :rules=

2019-04-17

1.4K0

cssjshtml vue.js 子向父属性绑定

注册click事件,通过$emit发送事件,参数第一位为父vue的监听事件名，第二位为所传属性isCollapse。

2019-04-17

1.3K0

cssjshtml vue-echart 点击跳转传参和接收

1.vue-echart 点击跳转通过路由传参。 <template> <div :style="{height: height + 'px'}"> <IEcharts :option="line_option" :loading="loading" @ready="onReady" @click="onClick"></IEcharts> </div> </template> methods: { onClick(event, instance, ECharts) {

2019-04-17

1.4K0

cssjshtml vue.js 路由文件抽离

一.合并在一起的main.js import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' import Home from './components/Home' import Menu from './components/Menu' import Admin from './components/Admin' import About from './components/about/Abou

2019-04-17

1.1K0

cssjshtml vue.js 路由独享守卫,组件守卫

main.js路由独享守卫: path: '/menu', name: "menulink", component: Menu, beforeEnter: (to, from, next) => { alert("非登录状态不能进入此页面！"); next('/login'); } main.js后置钩子: //后置钩子 // router.afterEach((to, from) => { // alert('after each ') // }) 组件守卫Ad

2019-04-17

1.7K0

cssjshtml vue.js 全局守卫

全局守卫： router.beforeEach((to,from,next)=>{ //判断 store.gettes.isLogin===false if(to.path=='/login' || to.path=='/register'){ next(); }else{ alert("还没有登录，请先登录"); next('/login'); }}) 如果去的不是login或者register 弹出提示窗。 main.js import Vue f

2019-04-17

1.1K0

cssjshtml vue.js 多级路由

main.js import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' import Home from './components/Home' import Menu from './components/Menu' import Admin from './components/Admin' import About from './components/about/About' impor

2019-04-17

1.5K0

cssjshtml vue.js router几种跳转方式

goToBefore(){ //跳转到上一次浏览的页面 this.$router.go(-1); }, //指定跳转的地址 goToMenu(){ this.$router.replace("/menu"); }, //指定跳转路由的名字下 goToRouterName(){ this.$router.replace({name:'menulink'}); }, //通过push进行跳转 pushMenu(){ //1. this.$router.push('/menu'); //2. this.$router.push({name:'menulink'}); }

2019-04-17

1.1K0

cssjshtml vue.js router redirect tag

main.js {path:"*",redirect:'/'} 支持模糊匹配，任何未匹配到的路径都会跳转到根目录 import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' import Home from './components/Home' import Menu from './components/Menu' import Admin from './components/Adm

2019-04-17

8590

cssjshtml vue.js 路由跳转,导航制作

main.js import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' import Home from './components/Home' import Menu from './components/Menu' import Admin from './components/Admin' import About from './components/about/About' impor

2019-04-17

2.9K0

cssjshtml vue.js router resource

路由router跳转免刷新，resouce请求网络资源 main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import VueRouter from 'vue-router' import VueResource fro

2019-04-17

6450

cssjshtml vue.js vue生命周期

Header.vue <template> <header v-on:click="changetitle"> <h1>{{title}}{{title1}}</h1> </header> </template> <script> export default { name: 'app-header', props: { title1: { type: String } }, data() { retu

2019-04-17

5780

cssjshtml vue.js 传值与传引用

传引用一改皆改，传值一改改一。点击下面标题和删除按钮观察变化 App.vue  <template> <div id="app"> <app-header v-bind:title1="title1"></app-header> <users v-bind:users="users"></users> <users v-bind:users="users"></users> <app-footer v-bind:title1=

2019-04-17

4.9K0

cssjshtml vue.js 父组件向子组件传值

从App.vue向components/Users.vue传值 App.vue  <template> <div id="app"> <app-header></app-header> <users v-bind:users="users"></users> <app-footer></app-footer> </div> </template>  <script> // 局部注册组件 impo

2019-04-17

2.2K0

cssjshtml vue.js 组件嵌套demo

components/Users.vue <template> <div class="users"> <h1>hello users</h1> <ul> <li v-for="user in users" v-on:click="user.show=!user.show"> <h2>{{user.name}}</h2> <h3 v-show="user.show">{{user.position}}</h3> </li

2019-04-17

2K0

cssjshtml vue.js css作用域

通过 <style scoped> 将vue的style只管自己的vue样式 App.vue  <template> <div id="app"> <h1> {{ title }} </h1> <users></users> </div> </template>  <script> // 局部注册组件 import Users from './components/Users' export

2019-04-17

1.6K0

cssjshtml vue.js 组件嵌套

/src/components/Users.vue <template> <div class="users"> <ul> <li v-for="user in users">{{user}}</li> </ul> </div> </template> <script> export default { name: "users", data() { return {users: ["brownwang", "wangzi", "hulu"]}

2019-04-17

2.7K0

cssjshtml vue.js v-for 过滤并排序

vue.js javascript

vue.js computed 利用逗号实现 vue.js 先排序再过滤，关键点在于:顺序不能为先过滤再排序。

2019-04-17

1.8K0

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态