vue
limonero
这个作者很懒,什么都没留下…
展开
-
vue 页面跳转路由 不显示内容Component inside <Transition> renders non-element root node that cannot be animated.
显示信息:Component inside <Transition> renders non-element root node that cannot be animated.原因:warn是因为组件中包裹的不是一个单节点元素。<template> <a-layout-content class="vab-content"> <router-view v-slot="{ Component }...原创 2021-12-17 13:40:40 · 1808 阅读 · 0 评论 -
vue 图片压缩
1、安装compressorjsnpm i compressorjs2、 文件中引入:importCompressorfrom'compressorjs'3、获取到文件之后的处理:new Compressor(file, { quality: 0.2, success(result) { console.log(result) // 处理后的文件流BLOB // 以下为文件本地保存、下载查看...原创 2021-09-27 17:18:13 · 1882 阅读 · 0 评论 -
vant-weapp
1、微信开发者工具新建小程序项目2、打开终端: npm init npm install3、新建miniprogram 目录,根目录中新建4、修改project.config.json文件配置 setting下的配置: "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./...原创 2021-09-22 09:30:41 · 214 阅读 · 0 评论 -
vue 中elementui多表单提交,及refs 嵌套
多个表单内容一致,且都需通过验证1、表单模板 form.vue<template> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="输入潜在客户名称" prop="name" label-width="150px">转载 2021-08-17 15:29:50 · 2282 阅读 · 0 评论 -
vscode 配置vue断点
1、安装 1、vSCode 2、浏览器3、浏览器的相应的 Debugger 扩展: Debugger for Chrome Debugger for Firefox 4、使用vue-cli命令创建项目2、配置source map 1、Vue CLI 2:请设置并更新 config/index.js 内的 devtool...原创 2021-08-17 08:58:43 · 2203 阅读 · 0 评论 -
vue build 编译失败,node-sass 安装失败
使用:npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/原创 2021-08-12 11:04:49 · 73 阅读 · 0 评论 -
vue 打包去除console相关信息
1、下载插件:npm i -D uglifyjs-webpack-plugin2、配置vue.config.jsconst UglifyJsPlugin = require('uglifyjs-webpack-plugin')module.exports = { configureWebpack: { plugins: [ new UglifyJsPlugin({ uglifyOptions: {原创 2021-08-13 09:38:17 · 151 阅读 · 0 评论 -
vue 命令在vscode中无执行权限
1、错误显示如下2、在菜单中找到window powerShell, 注意: 使用管理员权限打开,(选中右键选择即可)3、打开之后输入:set-ExecutionPolicy RemoteSigned4、回车之后,选择输入: Y5、完成之后,vue命令即可在vscode中正常运行...原创 2021-08-16 09:44:19 · 724 阅读 · 2 评论 -
vue插件开发
1、属性方式: 需要全局挂载到body中 1、组件创建<template> <div class="confirm_warp" @click="closeCallBack(false)" id="confirm" v-if="show" > <div class="count" @click.stop=""> <div class="confirm_header"> ...原创 2021-08-16 11:09:13 · 105 阅读 · 0 评论 -
emement-ui 按需加载错误问题
1。根目录下.babelrc文件{ "presets": [["es2015", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] }2、main.js 文件按需加载原创 2021-08-16 14:53:33 · 178 阅读 · 0 评论