在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 为动态修改内容

使用JS原生API Element.scrollIntoView() ；（有部分浏览器不支持） https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 elemen…

Vue使用input上传图片，没有提交按钮，用于修改头像。代码参考互联网： <input @change="upAvatar" name="files" accept="image/*" type="file">  // 上传头像 upAvatar: function(e) {   let that = this;   let file…

表单验证那里跟着element文档报错。。。 主要在 this.$refs[formName].validate() 这里报错，我打印了下this.$refs看看里面有什么，结果是这样的： 先上代码看看： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class='form'…

插件官网：https://www.npmjs.com/package/vue-clipboard2 使用vue-clipboard2插件，首先安装插件： npm install --save vue-clipboard2 对于vue-cli用户： import Vue import VueClipboard from 'vue-clipboard2…

在小程序中是不能直接引入字体文件的，需要把文件转为base64再引入； 首页下载好你需要的字体文件在本地； 然后访问 https://transfonter.org/ 网站把字体文件转为base64； 1、先点击 Add Fonts 上传字体文件； 2、再点击 base64 encode 按钮选上； 3、点击 Convert 生成base64代码；…

首页安装node-sass和sass-loader： npm install --save-dev  node-sass sass-loader 然后在nuxt.config.js 文件的build中添加配置： build: {     styleResources: {       scss: ' ./ assets / variables.sc…

在已经安装好 nuxt.js 中，先npm安装Element UI ： npm i element-ui -S 再安装Element UI按需加载的一个依赖（全局引入不需要安装此插件）： npm install babel-plugin-component -D 然后配置nuxt.config.js文件： vender:[   'element-u…

Mongoose 分页查询： 在Schema中创建静态方法： // 分页 CategorieSchema.statics = {     fetch(id, cb) {         if (id) {             return this.find({'_id': {"$lt": id}})                 .limi…