首页 > 其他 > 详细

vue一些常用的语法

时间:2021-04-10 11:10:46      阅读:7      评论:0      收藏:0      [点我收藏+]

1.用于三元表达式判断添加样式

  <div :class="[flag ? ‘content_l2_hover_tor1‘ : ‘content_r1‘]" ></div>

 2.v-if

v-if="login_sign1 == ‘Sign In‘" //前者为变量,后者为字符串

3.点击操作dom:

技术分享图片

 

 4.路由跳转

// this.$router.replace(‘/login‘)
this.$router.push(‘/login‘)

 路由跳转传参:

// 参数的携带两种方式如下
(1) this.$router.push({ name:orderDetail, params:{id:14} })
(2) this.$router.push({ path:/microcosm/orderDetail, query:{id:14} })

// 获取参数 对应上面的顺序
(1) this.$route.params.id
(2) this.$route.query.id

第一种方式
(1)携带的参数没有拼接在url地址后面;数据比较保密,但是name属性要在路由表中配置name属性
(2)但是跳转到对应页面后,刷新该页面携带的参数会丢失,如果是根据携带参数获取的数据,会出现一定的问题

第二种方式
(1)携带的参数拼接在url地址后面;不用再路由表中配置name属性
(2)跳转到对应的页面后,刷新页面不会出现上一个页面携带的参数丢失的情况

vue一些常用的语法

原文:https://www.cnblogs.com/hmy-666/p/14474082.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!