课程详情 -在下一个组件中取值: course_id: this.$route.params.id, 今日内容:..._vue视频链接加cookie播发">
当前位置:   article > 正文

vue跳转,v-model 双向绑定,-vuex的使用cookie:,视频第三方播放

vue视频链接加cookie播发
-vue中路由携带参数跳转
-跳转的时候:
<router-link :to="{'name':'coursedetail','params':{'id':course.id}}">课程详情</router-link>
-在下一个组件中取值:
course_id: this.$route.params.id,


       
今日内容:
-课程列表接口
-写一个序列化类Courseserializers
-在视图类中:
def get_list(self, request, *args, **kwargs):
response = LuffyResponse()
try:
category=int(request.GET.get('category',None))
course_list = models.Course.objects.all()

if category:
course_list=course_list.filter(course_category_id=category)

course_ser = Courseserializers(instance=course_list, many=True)

response.data = course_ser.data

except Exception as e:
response.status = 105
response.msg = str(e)
# response.msg = '您的操作有误'

return Response(response.get_dic)
-vue中显示:
-element-ui中复制组件使用即可

-课程详情接口
-根据前端需要的字段,写序列化的类

-vue中路由携带参数跳转
-跳转的时候:
<router-link :to="{'name':'coursedetail','params':{'id':course.id}}">课程详情</router-link>
-在下一个组件中取值:
course_id: this.$route.params.id,

-在vue中简单展示
-登录接口和vue登录
-登录接口编写
-后台登录接口
-vue登录功能
-v-model="name" 数据双向绑定
-把token放到cookie中
-使用vue-cookies
-安装 npm install vue-cookies
-使用:
导入:import Cookies from 'vue-cookies'
写cookie: Cookies.set('name',response.name,5)
取cookie:Cookies.get('name')
-vuex的使用:
在store.js中使用
state: {
//写变量
name:Cookies.get('name'),
token:Cookies.get('token'),

},
mutations: {
//写方法
login:function (state,response) {
state.name=response.name
state.token=response.token
//写入到cookie
Cookies.set('name',response.name,5)
Cookies.set('token',response.token,5)

},
logout:function (state) {
state.name=''
state.token=''
//写入到cookie
Cookies.set('name','')
Cookies.set('token','')
}

},
使用:
调用方法:
this.$store.commit('方法名','参数')
修改值:
this.$store.state.name='lqz'
this.$store.state.token='adfasdfasdfsda'



<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="600" height="490" id="cc_3DE87A53FBFC54A99C33DC5901307461">
<param name="movie"
value="https://p.bokecc.com/flash/single/EBA7887BABBD9CEA_3DE87A53FBFC54A99C33DC5901307461_false_74B082894C74355F_1/player.swf"/>
<param name="allowFullScreen" value="true"/>
<param name="allowScriptAccess" value="always"/>
<param value="transparent" name="wmode"/>
<embed src="https://p.bokecc.com/flash/single/EBA7887BABBD9CEA_3DE87A53FBFC54A99C33DC5901307461_false_74B082894C74355F_1/player.swf"
width="600" height="490" name="cc_3DE87A53FBFC54A99C33DC5901307461" allowFullScreen="true"
wmode="transparent" allowScriptAccess="always"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"/>
</object>














转载于:https://www.cnblogs.com/wrqysrt/p/10674132.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/602018
推荐阅读
相关标签
  

闽ICP备14008679号