跳转锚点（Mobile）
定位输入框的位置并产生抖动效果，输入框请参考同系列 “封装input输入框” 文章
⚠️ 样式表里要有shaking的抖动样式，详情参考同系列 “公共样式表” 文章
1
| <Minput name="incoming" label="年收入" type="number" min="1" max="5" placeholder="请输入年收入" unit="万" v-model="income"/>
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <script>
methods:{
scrollTo(name){
let target = document.getElementsByName(name)[0];
target.scrollIntoView({behavior: 'smooth'});
target.classList.add('shaking');
setTimeout(() => {
target.classList.remove('shaking');
}, 500);
},
submit(){
this.scrollTo('incoming');
}
}
</script>
|
