拳打Vue
零碎vue知识!
一头浓密的黑发
敲着代码,开着宝马,还有浓密黑发---------------想屁吃呢!
展开
-
傻瓜式安装Vue-Devtools
在阅读很多vue相关的官方文档时,总会看见官方推荐调试器**Vue-Devtools**,比如啥Vue.js/Vue Router/VueX等都有介绍,既然是官方的‘儿子’,那么想必是极好用的,反手百度一手看看大家的评价,效果也是不错的(❤ ω ❤)(❤ ω ❤) &...原创 2019-12-20 16:09:14 · 416 阅读 · 0 评论 -
iframe内嵌及跨域通信
获取iframe节点:document.getElementById('iframeId')document.getElementsByName('iframeName')document.getElementsByClassName('iframeClassName')document.getElementsByTagName('iframe')document.querySelect...原创 2019-12-06 15:11:10 · 1279 阅读 · 1 评论 -
vue之$nextTick
Vue提供的nextTick方法是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM。现在有这么个需求,要求点击表格的扩展三角就展开扩展行。现在遇到的问题呢,假如扩展行的数据是同步的,那么展开就是正常展示的;如果数据是点击时才异步加载的,那么表格展开就是空白,因为在数据回来并绑定之前,扩展行就已经展开了,导致数据没有渲染上...原创 2019-11-13 10:45:56 · 188 阅读 · 0 评论 -
前端附件处理
ssssss原创 2019-11-11 13:30:59 · 831 阅读 · 0 评论 -
动态模板/临时变量
投诉–集团配置/每条集团的下拉框原创 2019-11-01 16:46:12 · 1472 阅读 · 0 评论 -
简述vueX通信
摘要:在前面的文章,我们已经简述了vue中的父子组件通信以及在加入路由时借助路由进行兄弟组件之间的通信。虽然已经实现了父子、兄弟之间的通信,但是当一个状体在多个页面同时具有,而且改变时也会一起改变,那么对于这种情况,之前的通信也是显得很乏力;这时vueX就派上大用处了,简单来说它就是一个顶级的状态管理机,使用它也是和使用路由一样,需要创建、在vue实例上去注入;它可以实现全局状态的响应式变更。...原创 2019-10-19 17:51:33 · 530 阅读 · 0 评论 -
vue自定义弹窗拖动指令
xxx原创 2019-11-13 10:26:22 · 877 阅读 · 0 评论 -
Vue中手动实现排他功能
xxxx原创 2019-11-01 11:08:06 · 4469 阅读 · 1 评论 -
vue中:class绑定动态样式
当item.isShrink为true时,加上shrink类名;当为faulse时去掉类名shrink。当然这个变量可以是data里直接定义的亦可以是后端返回的数据。很方便,用作控制元素在只有某类名或者同时具有某些类名时的样式,和原生或者Jquery去选择dom节点然后事件行为添加类名是相同的,但是vue的核心便是数据驱动,所以其也体现了这一核心。...原创 2019-07-29 15:03:26 · 5832 阅读 · 0 评论 -
vue中mock
index.js/sunwei.js在sunwei.js中引入mock规则实例,并生成返回mock,但不export default Mock,因为mock在vue实例上是默认执行index(和文件夹下默认找index一样),所以在index中引入sunwei.js文件即完成执行index时亦调用sunwei.js,然后在index中export default Mock即可。...原创 2019-07-29 15:11:52 · 202 阅读 · 0 评论 -
自定义标识符
1.每次点击修改都要重置标记,不然下次进来就算不修改时,标记为true,会直接走重组数据,那么在没有修改下拉框的情况下重组数据就会出现问题,因为下拉框在修改时才是对象,没修改时是字符串,所以置空问题是由于将为字符串的下拉框拿来重组数据,造成null2.给每个遍历出来的元素添加各自的loading...原创 2019-07-29 16:25:20 · 939 阅读 · 0 评论 -
界面刷新
React:state/prop变化==>触发update中的render周期==>界面更新Vue:data/prop变化==>触发update中render周期==>界面更新select/swith/radio的v-model绑定动态item时,界面不会响应更新,但其实value值已经是发生了变化,逆向思考: 界面更新==>update的render周期==...原创 2019-10-29 14:59:15 · 244 阅读 · 0 评论 -
vue使用路由在兄弟组件间参数传递
摘要:在没有使用路由时,vue中参数传递是被限制在父子组件中,而当兄弟组件间需要传递参数时是很繁琐的,只能子传父父传子这样绕圈;但使用了路由之后就变得轻松许多。根组件App:router-view的注意点在代码中已经注释。HelloWorld组件:在这个组件中使用编程式导航进行跳转(router-link标签为申明式导航,且可以很方便的借助此标签的动态类名做高亮效果),并借助quer...原创 2019-06-21 14:06:46 · 2911 阅读 · 1 评论 -
使用相同数据模板来动态渲染多个tab切换卡中不同类型的表单控件
TODO:原创 2019-10-28 17:10:44 · 946 阅读 · 0 评论 -
Vue中变量操作
1.插值表达式{{}}:顾名思义,用于渲染表达式的返回值,既可以是单纯的变量,也可以是表达式例如三目运算,又可以是函数的返回值;用作html里渲染标签内容。2.:/v-bind:vue指令,用于动态绑定,用作html标签上绑定动态的属性,当不使用动态绑定时,那么就是字符串属性。3.模板字符串+占位符:用于js中做字符串的动态拼接...原创 2019-07-29 14:49:56 · 782 阅读 · 0 评论 -
Vue中关于父子组件之间的通信
父子组件之间的通信是vue中的基础知识,在此做一个简单的梳理。总的来说父传子是通过props,子传父是通过$emit。简单的一个demo来说说,先上代码父组件:如图,HelloWorld是一个子组件,将它引入父组件并注册然后渲染这个自定义组件标签,第一点先看父向子传参,我们在父组件的data里定义了一个变量sw,并且在子组件标签上通过动态绑定的方式绑定了一个动态的qq变量来将sw变量传下...原创 2019-06-20 23:07:54 · 11268 阅读 · 1 评论