weixin_44563906的博客

从后端接受数据中有时间这一项：接受到的格式是这种："2019-06-07T03:17:55.160Z"这样肯定是没办法直接渲染出来的，所以我想把时间转换一下，思路就是：把接受的的数据循环一遍，同时转换时间格式。先把接受到的数组，赋值给data，然后循环替换：然后赋值给vue 的 data对象； let data = res.data.data.notify; f...

mounted () { this.scrollToBottom();}, //每次页面渲染完之后滚动条在最底部updated:function(){ this.scrollToBottom();}, methods: {// scrollToBottom() { this.$nextTick(() => { var co...

问题描述本地 vue-cli 启动了一个项目只能通过 localhost:8080 访问到，同一局域网下其他的手机和电脑 (包括本机) 并不能通过 ip 地址访问调试原因这个问题，其实是因为新版 webpack 导致的，因为我们使用 vue-cli 来构建项目的时候，一般都会选择使用的模版是 webpack 。这次 webpack 升级后，导致 /config/index.js 里面的配置...

#由于需要监听手指的左右滑动事件，所以用到了v-touch这个插件。#npm安装npm install vue-touch@next --save//main.js中引入：import VueTouch from 'vue-touch'Vue.use(VueTouch, {name: 'v-touch'})#用法如下：//html代码<template> <...

template:<select v-model="selected" > <option v-for="option in options" v-bind:value="option.value">   {{ option.text }} </option></select><span&gt...

#使用marked 这个插件npm install marked --save然后再需要的页面引入，import marked from 'marked'然后直接使用maeked()方法即可转换为html。 sendNews() { alert(marked(this.content)); },...

思路：先在浏览器调试一下，找到改变某个类名的样式生效后，记住该类名，然后去代码里修改；#覆盖样式：使用 /deep/ 可以让css有穿透效果.left /deep/ .el-collapse-item__header { background: rgb(67, 90, 119); color: #fff; border: none; padding-left: 50p...

1.安装vscode官网地址：https://code.visualstudio.com/2.安装一个插件，识别vue文件插件库中搜索Vetur，下图中的第一个，点击安装，安装完成之后点击重新加载3.新建代码片段4.删除不要的代码5.粘入自己写的.vue模板{ "Print to console": { "prefix": "vue", ...

先贴一下我的路由配置：export default new Router({ routes: [ { path: '/', redirect: '/home' }, { path: '/home', name: 'Home', component: Home, children: [ ...

Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。路由的配置可以参考官方的文档官方文档#动态路由参数校验进入一个页面，对参数传递的正确性校验是必须的，Nuxt.js也贴心的为我们准备了校验方法 validate( )。export default { validate ({ params }) { ...

#方法1（成功）设置单位为100vh。#方法2：我试了一下，没成功(可能要在App.vue设置)。给div设置高度100%时，div的高度会等同于其父元素的高度。而上面代码中id为app的div（即为vue挂载的div）的父节点是是body标签，body标签的父节点是html标签。在默认情况下html和body标签的高度为auto，而浏览器是不会自动给标签添加高度的，所以html和body...

#为了使用sass，我们需要安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass#修改style标签打开src目录下的components目录中的Hello.vue文件。然后修改 style标签如下<style lang="sa...

2019-06-10最近用vue开发，cordova打包，开发APP，但是碰到一个问题，就是图片如果用在线的就正常，如果应用本地的，则开发过程中正常，打包后就不显示，找了一下资料，发现是打包后悔自动更改路径。解决方法如下：目录结构如下：在写代码的时候会引用图片，此时我们可能会写2种方法。第一种在html中直接写img，第二种在css中写background。如下代码：#CSS如下： ....

开启vue项目发现报错使用VS　ｃｏｄｅ全局搜索也没找到什么线索，后来查了资料；这个是因为在页面中使用了el-dropdown，但是在这个标签里面没有设置它的子元素，所以会报错，在el-dropdown中添加el-dropdown-menu标签就好...