![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
空城三梦
这个作者很懒,什么都没留下…
展开
-
vue 实现聊天界面消息递增永远查看最后一条
每次发消息的时候右侧滚动条会随着消息的发送显示最后一条在html中需要滚动的框区域用ref='record' //在生命周期updated时,改变并且要在页面重新渲染完成之后 updated() { this.$nextTick(() => { this.$refs.record.scrollTop = this.$refs.record.scrollHeight }) },另有一条需要特别注意的地方,注意查看信息调用的接口刷新频率,在...原创 2021-11-06 14:40:04 · 1352 阅读 · 2 评论 -
this.$router.resolveVue打开新窗口
方法一 <router-link :to="{path: '/跳转的页面路由'}" target="_blank" tag="a"> tag="a" 可以省去不写,默认也会解释为a标签 "tag" 属 性 :具有 tag 属性的 router-link 会被渲染成相应的标签 2.方法二const {href} = this.$router.resolve({ path: "/跳转的页面路由", ...原创 2021-08-31 11:49:27 · 510 阅读 · 0 评论 -
vetur插件导致v-for报错
报错代码:Custom elements in iteration require 'v-bind:key' directives设置key在使用vue-cli工具开发时,使用v-for出现以下报错原因是vue在升级到2.2后,当在组件中使用v-for时,规定必须有设置key.<swiper><swiper-itemv-for="(item,index) in bannes":key="index"></swiper-item><...原创 2021-07-02 14:50:14 · 246 阅读 · 0 评论 -
vue npm install时报错Maximum call stack size exceeded解决办法
为了控制文件大小,故在传输时删除了node-modules,然后再进行npm i补充依赖时发现报错Maximum call stack size exceeded百度一圈有人说是路由问题,也有人说是404问题,所以着手试了一下,最终发现是因为npm的问题解决方法1.给npm升级//查看版本npm -v //更新到最新版本npm install -g npm更新完之后删除node-modules,重新npm i,完美解决...原创 2021-07-01 14:35:03 · 1871 阅读 · 0 评论 -
vuex的使用
vuex的五个属性1.state – 存放状态2.getters – state的计算属性3.mutations – 更改状态的逻辑,同步操作4.actions – 提交mutation,异步操作5.mudules – 将store模块化使用const store = new Vuex.Store({ state: { info: {"name":"我是vuex","id":1,"Name":"张三"} } })1、在组件中可以使用来获取vuex中公共的state的值th...原创 2021-07-01 08:46:03 · 57 阅读 · 0 评论