Vue功能
文章平均质量分 75
遇见y2021
web前端爱好开发者,记录工作开发学习中遇到的点滴
展开
-
在vue中快速使用css简单动画
一般情况,在vue中使用动画,如果只是简单的动画,那么可以直接在animate.css上面找到需要的效果,查看其css文件,将其对应的类拷贝到css中,然后再应用到需要显示动画效果的元素上就可以了。 animate.css官网:添加链接描述 Example: 在vue中给元素添加一个向上滑动的动画 1、在animate中找到slideInUp相关的类,如下: @keyframes slideIn...原创 2019-12-11 18:08:11 · 482 阅读 · 0 评论 -
模拟ivew中组件的v-model指令
由于项目需求,对表格中整行需要有点击事件出现弹框,而表格中又有按钮,点击事件是要弹出ivew中的‘Poptip’组件,此组件需要用v-model指令来控制显示隐藏。同时,再点击表格中按钮的时候,需要阻止事件传递,不能触发点击表格中的行的事件,为了使用ivew中的Poptip,因此,模拟v-model指令触发Poptip 一、在渲染函数(render)构建Poptip组件 1、在props对象中添加...原创 2019-12-04 11:24:40 · 357 阅读 · 0 评论 -
vue和iview结合动态生成表单
在项目中,表单作为用户输入占用很重要的一部分,目前的前端框架,基本对表单进行了一些简单的封装,如果输入项很多,以iview为例,会有一大堆的类似: <FormItem label="Input"> <Input v-model="formItem.input" placeholder="Enter something..."></Input...原创 2019-11-28 12:50:43 · 3088 阅读 · 7 评论