随笔分类 - vue
摘要：一、Vue调用安卓封装好的方法 直接用window.android.方法名 window.android.takePhoto(params); 二、安卓调用Vue的方法 Vue的方法要挂载到window上 mounted() { //将要给原生调用的方法挂载到 window 上面 window.ca
阅读全文
摘要：一、组件没有进行注册和vant框架的引入 enhanceApp.js进行配置 // 用来进行vue的配置，比如vue全局注册 import Vue from 'vue' import Loading from "./components/loading" import Vant from 'vant
阅读全文
摘要：解决办法： https://cli.vuejs.org/zh/config/#publicpath vue-cli4 在vue.config.js修改publicpath为'/'
阅读全文
摘要：意思呢就是：一个有设置cancelable=false的touchmove事件和其他某个滚动的操作冲突了。 解决方法：在滚动的标签外层 添加 touch-action: none 样式，
阅读全文
摘要：spawn yarn ENOENT 这是因为yarn找不到，而且设置的默认包管理是yarn可以修改成npm方式：一、直接在C盘用户名/.vuerc文件进行修改，将 "packageManager"改为"npm" { "useTaobaoRegistry": false, "packageManage
阅读全文
摘要：必须是在当前页面的路由有子路由时，才能监控到，不然无效 beforeRouteUpdate (to, from, next) { console.log(to) console.log(from) next() } watch: { $route (to, from) { console.log(t
阅读全文
摘要：这是swiper专门为了vue开发出的插件，参数基本一样 https://www.swiper.com.cn/ vue中使用 npm install vue-awesome-swiper 组件中引入 import { Swiper, SwiperSlide } from 'vue-awesome-s
阅读全文
摘要：// 将普通数组转换为tree数组 export function transData (a, idStr, pidStr, chindrenStr) { const r = [] const hash = {} const id = idStr const pid = pidStr const c
阅读全文
摘要：vue-cli 4.2 index.html <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device
阅读全文
摘要：一、修改打包配置（Vue.config.js） module.exports = { // 公共路径(必须有的) publicPath: "./", // 输出文件目录 outputDir: "dist", // 静态资源存放的文件夹(相对于ouputDir) assetsDir: "assets"
阅读全文
摘要：sass-loader报错： Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: Invalid options object. Sass Loader has been initia
阅读全文
摘要：1、引入jquery，并且在vue.config.js里配置 2、下载hquery插件，放到public中 3、直接在组件里使用 备注：在vue里使用jquery改变样式的时候，一定要在setTimeout里调用
阅读全文
摘要：在vue-cli3中，公共文件夹由static变成了public 先把要访问的json放到public文件夹下 使用axios的get方法获取，不能用post，不然会报404
阅读全文
摘要：使用的工具是：html2canvas
阅读全文
摘要：在项目中遇到这样的问题 当第一个父列表下的子列表选择了1，切换到第二个父列表的时候，也会默认选择1 我最开始是计划通过修改子列表的default-active为-1，结果不行 后来发现出现这个问题的原因是因为子列表循环遍历时index值都一样，从0开始的，在element-ui中，menu-item
阅读全文
摘要：特殊字体指的是默认电脑中没有的 1、下载字体 2、新建文件夹font，把字体放进去 3、新建font.css 4、使用@font-face设置字体 5、main.js引入font.css 6、组件中就可以使用了
阅读全文
摘要：转载地址：https://segmentfault.com/a/1190000014822765 随着前端应用的业务功能起来越复杂，用户对于使用体验的要求越来越高，单面（SPA）成为前端应用的主流形式。大型单页应用最显著特点之一就是采用的前端路由系统，通过改变URL，在不重新请求页面的情况下，更新页
阅读全文
摘要：https://cn.vuejs.org/v2/guide/custom-directive.html 在vue中，有时候我们会把抽象的方法封装为一个自定义指令，多个地方共用 比如：拖拽指令 备注： 1、使用this.$refs获取动态值的时候，要这样写 this.$refs['value'] 2、
阅读全文
摘要：Vue中，在props中设置Object和Array的默认值 seller: { type: Object, default() { return {} } } seller: { type: Object, default: function () { return {} } } seller:
阅读全文
摘要：转载地址：https://www.jianshu.com/p/189755f9ce43 1. 后编译介绍 目前大部分的前端项目开发都是使用es6+的代码并且使用babel进行编译，而传统的对代码包的引入都是引入一个被babel编译好的文件入口，这样带来了一个缺点，那就是项目中无用的代码也会被引入到最
阅读全文
