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