vue的axios请求返回值调取时报下面这错误 Property 'content' does not exist on type 'AxiosResponse<any>'.Vetur(2339) 解决方法是新增一个 axios.d.ts 文件，内容如下 import * as axios from 'axios' declare modul…
首先根据官方文档打包： nuxt build // 或者 npm run build 然后把 .nuxt, static, package.json, nuxt.config.js 这4个文件夹和文件上传至服务器 然后cd 到服务器的文件存放路径中，执行： npm i -production 配置nginx： upstream wwwserver …
前言 找了很多相关的教程不太好用，汲取各家之长总结精简了一下 原理 扫码枪扫描到的条形码每一位会触发一次onkeydown事件 比如扫描条码位‘1234567890’的条形码，会连续执行10次onkeydown事件 条码扫描到最后一位，会直接触发Enter 代码 支持vue data() { return { nextCode: '', lastT…
基于 qrcode 二维码生成插件， 先下载npm i --save qrcode 引用页： <rqcode :dialog="dialog" :uuid="uuid" :imei="imei" @dialogChange="dialog = false"/> import rqcode from "./componenrts/RQco…
vue中根据城市的首字母a-z进行排序 先安装 js-pinyin 依赖: npm i --save js-pinyin 然后在组件中引入： import pyjs from 'js-pinyin' export default { async mounted() { let city = [ { name: '北京' }, { name: '上海…
基于图标来自 element ui ，js原生写法： <template> <div id="BackTop" @click="BackTop"> <i class="el-icon-caret-top"/> </div> </template> <s…
首先在 nuxt.config.js 中配置： module.exports = { // some nuxt config... plugins: [ { src: '~plugins/nuxt-quill-plugin.js', ssr: false } ], // some nuxt config.…
一个挺好用的图像裁剪插件 vue-cropper 使用挺简单的，而且还提供demo对照查看 插件地址：https://github.com/xyxiao001/vue-cropper 首先安装插件： npm install vue-cropper --save 然后在使用的页面引入 import VueCropper from "vue-cropp…
在Vue中可以使用socket.io插件，不过这里使用的是js原生的WebSocket 首先再 data 中定义一个ws： data() { return { ws: "", }; }, 然后在method中设置相关函数 methods: { // ws S onopen() { console.log(…
Vue实现滚动到底部： watch: { // 监听数据的变化 message_list() { this.$nextTick(() => { let div = document.getElementById('scroll') // 获取滚动DOM的元素 div.scrollTop = div.s…
之前写过一篇Vue动态修改title的，但是返回后再进来title就不会变。今天看看另一种 简单粗暴的动态修改title方法，meta也一样 document.title= res.data.title // res.data.title 为动态修改内容