Vue使用input上传图片，没有提交按钮，用于修改头像。代码参考互联网： <input @change="upAvatar" name="files" accept="image/*" type="file"> // 上传头像 upAvatar:...
最新博文
Vue input上传图片
Vue简单粗暴动态修改title
之前写过一篇Vue动态修改title的，但是返回后再进来title就不会变。今天看看另一种 简单粗暴的动态修改title方法，meta也一样 document.title= res.data.title // res.d...
Vue 滚动到底部
Vue实现滚动到底部： watch: { // 监听数据的变化 message_list() { this.$nextTick(() => { let div = document.getElementById('scroll') // 获取滚动DOM的元素 div.s...
Vue使用websocket即时通信
在Vue中可以使用socket.io插件，不过这里使用的是js原生的WebSocket 首先再 data 中定义一个ws： data() { return { ws: "", }; }, 然后在method中设置相关函数 methods...
Vue图片上传裁剪插件 vue-cropper
一个挺好用的图像裁剪插件 vue-cropper 使用挺简单的，而且还提供demo对照查看 插件地址：https://github.com/xyxiao001/vue-cropper 首先安装插件： npm install vue-c...
Nuxt中使用富文本编辑器vue-quill-editor + 图片上次quill-image-extend-module
首先在 nuxt.config.js 中配置： module.exports = { // some nuxt config... plugins: [ { src: '~plugins/nuxt-quill-plugin.js', ssr: false } ], // some nuxt conf...
Vue、JavaScript原生 回顶部
基于图标来自 element ui ，js原生写法： <template> <div id="BackTop" @click="BackTop"> <i class="el-icon-caret-top"/> </div> </template> <script> export defau...
vue 中对城市列表根据首字母进行排序
vue中根据城市的首字母a-z进行排序 先安装 js-pinyin 依赖: npm i --save js-pinyin 然后在组件中引入： import pyjs from 'js-pinyin' export default { async mounted...
vue qrcode 生成二维码并下载png图片
基于 qrcode 二维码生成插件， 先下载npm i --save qrcode 引用页： <rqcode :dialog="dialog" :uuid="uuid" :imei="imei" @dialogChange="dialog = false"/> import rq...
js获取USB扫码枪数据
前言 找了很多相关的教程不太好用，汲取各家之长总结精简了一下 原理 扫码枪扫描到的条形码每一位会触发一次onkeydown事件 比如扫描条码位‘1234567890’的条形码，会连续...
