安装：npm install marked or cnpm install markedcss:npm install github-markdown-css or cnpm install github-markdown-css使用:<template> <!-- 注意：需要添加 markdown-body class类名 --> <div clas

- 阅读全文 -

router.js // 登录标识，needlogin { path: '/goodsblock', name: 'goodsblock', component: () => import('@/views/goods/GoodsBlock.vue'), meta: { title: '好物', endMenuShow: true, needlogin:

- 阅读全文 -

<template> <div> <transition name='fade'> <div v-if='goodSkuFlag' class='sku-shadow'></div> </transition> <transition name

- 阅读全文 -

方法一：通过$route.path判断跳转<template> <ul class='end-menu flex-row'> <li v-for='(item, index) in menulist' :key='index' @click='changeMenu(item.path)' :class=&qu

- 阅读全文 -

npm run build 默认生成了 dist 文件夹, 但是本地预览一片空白, 找不到资源;官方提供的预览方案 : https://cli.vuejs.org/guide/deployment.html,本地预览解决方案 :修改 vue.config.js 下的 publicPath 配置为 './',此时可以本地预览,但是现实不完整, 打开路由 index.js, mode 改为 'has

- 阅读全文 -

vue create新项目，webstrom启动报错，解决方案如下：1.编辑 X:WebStormpluginsJavaScriptLanguagelanguageServiceeslintbineslint-plugin.js2.修改为 this.CliEngine = require(this.basicPath + "lib/cli-engine").CLIEngine3.重启项目旧版本项目

- 阅读全文 -

由于 vue/cli3 中没有了 webpack, 所以需要在项目根目录手动新建一个 vue.config.jsconst path = require('path') module.exports = { chainWebpack: (config) => { config.resolve.alias .set('@', path.resolve(__dirname

- 阅读全文 -

History服务端配置忽略; 以下为vue前端部分;场景: 单页面详情页需要配置分享, 解决微信二次分享图片,链接丢失问题思路如下: 1 . 由于苹果系统的特殊性, 需要单独设置页面的URL, 所以在路由跳出时判断路径2 . 安卓直接location.href, 苹果系统单独给window下添加一个变量 "entryUrl" 保存3 . 导出一个公众的wechatAuth方法, 用于调用微信的配

- 阅读全文 -

原理: 通过v-if来渲染<router-view>provide： 选项应该是在一个对象或者返回一个对象的函数。该对象包含可注入其子孙的属性inject： 一个字符串数组，或者一个对象，对象的key是本地的绑定名App.vue添加provide属性<template> <div id="app"> <router-view

- 阅读全文 -

记录一个小问题, vue 引用组件v-touch 导致html无法上下滚动原 因当引用v-touch时, html标签默认会添加一个 touch-action: none; 属性一 touch-action定义: 用于指定某个给定的区域是否允许用户操作，以及如何响应用户操作（比如浏览器自带的划动、缩放等）二 touch-action属性: (IE10之前不支持)1 . auto 默认值, 浏览器

- 阅读全文 -