Vue
清茶小生
前端小白爬坑之路
展开
-
vue让元素滚动到指定位置
1.循环绑定id<div v-for="(item,index) in arr" :key="index" :id="page+index"></div><div @click="scrollPage()"></div>2.点击获取需要滚动的id,再通过scrollIntoView()滚动scrollPage(){ //index与循环的index对应可自由设置动态获取 const PageId = document.query原创 2020-09-15 11:17:47 · 5446 阅读 · 3 评论 -
vue 获取循环的input的值
获取循环出来的input的值只需要给每个input都绑定一个值<div v-for="(item,index) in list" :key="index"> <div>{{name}}</div> <input v-model='word'/></div><div @click='getInfo()'></div>export default { data() { return原创 2020-07-07 21:46:19 · 3160 阅读 · 0 评论 -
实现微信聊天气泡
思路:聊天气泡组成主要有一个三角形+矩形文本框对方的气泡// 三角形.triangle { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ffffff;//其他位置边框设为透明,右侧显示就可以实现一个三角形 margin-top: 10原创 2020-07-02 11:55:48 · 786 阅读 · 0 评论 -
vue父子组件传值
1.父组件传值给子组件父组件<div class='parent'> <child :data="msg"></child> <!-- data为传给子组件的值的名字,与子组件props里面的保持一致 --></div>import child form '...'// 引入子组件export default { // 注册子组件 component:{ child原创 2020-07-02 10:58:20 · 203 阅读 · 0 评论 -
计算时间差
waitTime(val) { if (val !== null && val !== '') { const etime = new Date().getTime() // 当前时间 const stime = Date.parse(new Date(val))// 需要传入的时间 const usedTime = etime - stime const days = Math.floor(usedTim...原创 2020-07-02 10:44:00 · 170 阅读 · 0 评论 -
vue 多个列表显示隐藏
1.给循环的数组添加一个hide属性2.取反this.All[index].hide=!this.All[index].hide;使得值变为true,原创 2018-09-05 10:43:18 · 7348 阅读 · 0 评论 -
vux下拉菜单监听
发现vux下拉菜单在点击取消按钮的同时会触发点击菜单的事件解决方法->监听菜单名字原创 2019-08-15 16:28:31 · 986 阅读 · 0 评论