![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
1113467806
这个作者很懒,什么都没留下…
展开
-
vue跳转新窗口
vue 跳转打开新窗口const { href } = this.$router.resolve({ name: "router-name", query: { id: 1 }});window.open(href, '_blank');router-link跳转// 直接写上跳转的地址 <router-link to="/detail/one"> <span class="spanfour" >link跳转</s原创 2021-06-22 15:19:32 · 1182 阅读 · 0 评论 -
vue消息滚动 鼠标移入停止滚动,鼠标移开继续滚动
vue无缝滚动效果,直接上代码so easy <div id="box"> <ul id="con1" ref="con1" :class="{anim:animate==true}" @mouseenter="Stop()" @mouseleave="Up()"> <li v-for='item in items'>{{item.name}}</li> </ul&g.原创 2020-08-23 22:42:40 · 1684 阅读 · 0 评论 -
props传值类型及写法
注意事项type (规定数据类型) String 字符串 Number 数字 Boolean 布尔 Array 数组 Object 对象 Date 日期 Function 函数 Symbol 独一无二的值(es6) default default : (默认值) 基础数据类型: 直接赋值 对象数据类型: 用函数赋值 ()=>[] required requi原创 2020-08-18 11:11:36 · 20122 阅读 · 2 评论 -
vue中的class 和 style 绑定样式
class对象语法1.<div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"></div>data: { isActive: true, hasError: false}结果渲染为:<div class="static active"></div>2.绑定的数据对象不必内联定义在模板里:<div v-bind:cla原创 2020-08-10 23:13:39 · 162 阅读 · 0 评论