logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vuex与websocket结合使用实现消息更新推送

项目描述:一个价格实时更新案例。每一次有人出价,服务端推送最新价格,通过websocket拿到最新价格,渲染到前台页面。问题:1.如何在页面刷新后还保持上一次最新价格的显示解决方法:新建文件目录store:并建立各个js文件main.js中引入import vuex from 'vuex'import store from './store'Vue.use(v...

vue仿淘宝放大镜插件的使用

1.首先下载PicZoom插件npm install vue-piczoom --save2.使用时注意:原来img标签要改为pic-zoom,并且属性src要改为urlhtml部分代码:<template><div><div class="box"><pic-zoom :url="imgurl...

解决vue中使用swiper无法自动循环播放问题

vue中使用swiper无法自动循环播放首先,使用mockjs生成模拟数据,如下(1)安装swipernpm install swiper(2) 引入swiperimport Swiper from 'swiper'import 'swiper/css/swiper.min.css'(3)在methods里面创建一个swiper初始化函数carouselScroll,关于swi...

#前端
vue实现打印功能

打印功能可以自己使用原生js(window.print())实现,其次就是使用插件,介绍两个打印插件一、vue-print-nb:这个插件使用起来便捷,用法如下1.安装npm install vue-print-nb --save2.在main.js文件中注册使用import Print from 'vue-print-nb'Vue.use(Print);3.具体使用方法:(1)直接绑定id方法

文章图片
#css
vue中v-for循环图片路径,图片不显示的解决办法

将imgUrl加上require注意:使用require的时候可能出现错误unresolved function or method require解决办法:

vue实现聊天界面样式

<div class="chat-content"><!-- recordContent 聊天记录数组--><div v-for="(itemc,indexc) in recordContent" :key="indexc"><!-- 对方 --><div class="word" v-if="!itemc.mineMsg"><im

loaderContext.getResolve is not a function

loaderContext.getResolve is not a function解决vue-cli安装less-loader是报错直接使用命令npm install less less-loader --save dev运行项目时会出现以下报错:loaderContext.getResolve is not a function报错原因:less-loader版本太高解决办法:修改packag

#vue.js
到底了