vue
iam_nally
这个作者很懒,什么都没留下…
展开
-
【转载】vue3中watch数据,因为dom对象导致页面卡死的问题
【转载自】-vue3中watch数据,因为dom对象导致页面卡死的问题问题今天有个功能需要监听数据变化,为了方便存取将生成的dom对象存放在数据中,导致页面卡死的问题。问题代码:export default definedComponent({ setup() { const ele = ref(null) const nodes = { a1: { name: 'Text',转载 2021-11-24 16:55:56 · 1541 阅读 · 0 评论 -
使用 vue-router 切换页面时怎么设置过渡动画
如何实现切换页面时的过渡动画?背景今天在编写页面时,看到页面没有任何效果就只是直入直出,完全没有一点逼格,所以想要实现类似于原生app的那种切换页面时的特效,遂开始google,发现网上各种方案都是各有优缺点,于是整理了自认为优雅的方案并记录下来.实现难点如何判断切换路由时是前进还是后退每次切换时向左向右切换动画如何实现解决方案我们需要给各个页面定义层级原创 2020-03-02 15:16:31 · 50487 阅读 · 20 评论 -
自定义vue radio控件
如何使用vue自定义radio控件?背景原生浏览器的radio控件的样式谁用谁知道,一个字丑! 所以今天要使用vue之间封装一个美美哒的radio控件.实现功能自定义v-model,使组件之间数据能够进行双向绑定.使用checked属性默认选中radio使用disabled属性禁用radio当用户点击radio时触发组件上绑定的change事件代码实现...原创 2020-03-02 15:18:06 · 9125 阅读 · 8 评论 -
改造vue-cli,使用mockjs搭建mock server
本文首发在 掘金关于最近准备开发一款web应用,考虑到可能会有前后端并行开发的场景,所以决定使用mockjs做mock server。浏览官网文档时发现没有跑在webpack上的例子,索性自己找方法解决。什么是mockjs?他的使用场景是什么?当前端工程师需要独立于后端并行开发时,后端接口还没有完成,那么前端怎么获取数据?这时可以考虑前端搭建web server自己模拟假数据,mo...原创 2019-01-09 17:14:42 · 6373 阅读 · 0 评论