随笔分类 - Vue
发表于 2022-01-02 18:24阅读：1159评论：0推荐：0
摘要：vue pc 端和移动端响应式布局 源码: https://gitee.com/hellojinjin/vue-flexible-layout.git 技术栈： postcss-px-to-viewport 媒体查询 flex 布局 ui 组件(element-ui tabs 组件) 安装 post
阅读全文 »
发表于 2021-01-14 23:22阅读：1220评论：0推荐：0
摘要：为什么vuex的数据不直接给data而要通过computed计算 疑惑 其实一直以来使用vue的状态管理vuex都有一个疑惑，文档中介绍，vue的状态数据$store.state.xx的在组件中的使用通常都是通过组件的计算属性computed来使用如下: const Counter = { temp
阅读全文 »
发表于 2019-06-21 09:32阅读：3998评论：0推荐：0
摘要：因为在vue中，某个组件内 使用scrollTop赋值 滚动条没有变化 使用scrollTo 也不行(window.scorllTo 或者dom.scrollTo) 所以可以考虑使用投机取巧的办法: 利用在指定位置添加一个div 然后通过div.scrollIntoView() 滚动到这个div
阅读全文 »
发表于 2019-06-20 17:01阅读：594评论：0推荐：0
摘要：css过渡 xx-enter-active,xx-leave-active 是进入和离开的整个过程 设置过渡时间即可 xx-enter,xx-leave-to 是 进入前 和离开后的状态（对于简单的过渡，从下面滑入滑出，进入前和和离开后 本身就是同一状态 所以可以写一个样式） xx-enter-to
阅读全文 »
发表于 2019-06-05 14:02阅读：2092评论：0推荐：0
摘要：使用 scoped 后，父组件的样式将不会渗透到子组件中 如果想在使用scoped，不污染全局的情况下，依然可以修改子组件样式，可以使用深度作用选择器 vue官网：https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors
阅读全文 »
发表于 2019-06-04 18:27阅读：19130评论：0推荐：2
摘要：当在输入框中输入数据时， 可以发现fullName的值并没有随之改变 结果： 这是因为vue无法检测到对象内部属性值的变化 比如person.firstname的变化 所以此时 需要用到vue的深度监听（deep） 此时加上代码 deep: true 可以发现 每次输入框数据变化 fullname随
阅读全文 »
