vue
关注
分享
扫一扫
rainbow8300
这个作者很懒，什么都没留下…
展开
-
前端下载文件无法打开
前端通过接口下载的文件无法打开。原创 2022-07-15 09:35:47 · 2980 阅读 · 3 评论 -
iconfont如何通过文件的方式引入项目
iconfont通过文件方式引入项目原创 2021-12-29 17:45:54 · 1376 阅读 · 0 评论 -
下载文件，后端返回数据流，前端如何下载
TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed.原创 2021-12-20 17:13:41 · 3933 阅读 · 0 评论 -
编辑器可读切换
<template> <!-- 富文本编辑器 --> <div ref="editorContainer" class="editorContainer"> <div class="editorText" v-if="!showEdit"> <div id="lookEditorContent"> <div class="editor_btn" @click="handleShowEdit">原创 2021-12-20 15:39:22 · 132 阅读 · 0 评论 -
avue表格点击行选中checkedbox
avue表格点击行选中checkedboxavue表格的话，是点击checkbox框，才会触发选中事件，为了提高用户体验，修改为点击行就可以修改选中状态。新增行点击事件@row-click<!-- 新增行点击事件@row-click="rowClick" --><avue-crud ref="crud" :data="data" :option="option" v-model="form"原创 2021-04-20 11:38:14 · 4077 阅读 · 0 评论 -
VUEX的mapState/...mapState等取值问题
有木有发现你页面的this.$store，一般都正常，但是总有那么几次，成为你页面报错的罪魁祸首！，那其实除了和vue的生命周期有关以外，还跟store取值的方式有关，下面就说一下新大陆之——mapState mapMutations mapGetters的使用简单说一下我对mapState的理解，字面意思就是把store中state 的值遍历出来，任你取用，就不用写this.$store....原创 2019-04-02 15:39:37 · 11068 阅读 · 0 评论 -
vue单页面的数据请求添加loading效果
1、在app.vue,先引入你的loading组件app.vue<template> <div id="app"> <router-view/> <div class="load_cover" v-if="showLoading"> <!-- <van-loading /> --> ...原创 2019-04-02 16:49:39 · 8299 阅读 · 2 评论 -
ios 微信h5页面中长按二维码图片无法识别，刷新两次可以识别
之前开发也写过二维码，还没有出现过无法识别的状况，在网上搜了有说是router是history的问题。由于目前二维码是单独的页面，且无需后续操作，所以解决方案是：不用router跳转，直接用window.location.href = ‘http://xxx.xxxxxx.com/project/follow’...原创 2019-05-27 13:18:07 · 4049 阅读 · 2 评论 -
vue3.0中，路径用@开头，怎么配置自动补全路径，用@替换'../../'
在vue项目中用@替换‘…/…/’首先，我用的是vsCode开发工具，第一步：先在扩展中找到插件 Path Intellisense并安装第二步：配置Path Intellisense（1）在vsCode 加粗样式文件—> 首选项—> 设置—>工作区—> 扩展—>Path Intellisense（2）进入settings.json配置文件，未修改前如下...原创 2019-07-03 11:01:39 · 10201 阅读 · 2 评论 -
vue项目中用mock+express 模拟接口返回值
1、安装mock,expressnpm i express -Dnpm i mockjs -D创建模拟数据文件夹mock/，再创建mock/index.jsconst express = require('express') // 引入expressconst Mock = require('mockjs') // 引入mocklet app = express()// 解决...原创 2019-07-03 18:40:13 · 781 阅读 · 0 评论 -
自定义微信导航栏标题
自定义微信导航栏标题1、安装vue-wechat-titlenpm i vue-wechat-title -S2、全局引入vue-wechat-title// main.jsimport Vue from 'vue'Vue.use(require('vue-wechat-title'))3、在组件中使用v-wechat-title指令，可以个别组件引用，如果使用的组件很多的话，建...原创 2019-07-04 11:39:34 · 1081 阅读 · 0 评论 -
vue webpack打包时如何去掉console.log？
在 webpack.prod.conf.js 中添加代码：plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new webpack.DefinePlugin({ 'process.env': env }), ...原创 2019-03-28 14:55:42 · 5964 阅读 · 1 评论 -
vue单选框自定义样式及单选框取值问题
首先，来看一下单选框的样式：<div class="option" v-for="(option, ind) in item.surveyQuestionOptionList" :key="ind"> <input :value="option.selectid" type="radio" :id="'option' + item.qid + option.selectid...原创 2019-03-20 08:59:38 · 4517 阅读 · 0 评论 -
vue-cli3.0的安装使用
怎么办我也很绝望，在我学习vue的路上杀出来个程咬金——vue-cli3.0，能怎么办，盘它！下面记录一下我在首次使用vue-cli3.0的过程第一步：卸载自己的vue-clinpm uninstall vue-cli -g // 官网指出还可以用yarn global remove vue-cli进行卸载第二步：安装vue-cli3.0npm install -g @vue/c...原创 2019-03-11 11:27:08 · 1001 阅读 · 0 评论 -
Vue几种传值方式的分析
在学习vue过程中自己总结了几种组件间传值的方式1、路由传参步骤： ①定义路由时加上参数props: true，在定义路由路径时要留有参数占位符: name『用法: to=”’路径/’＋value”』 ②在跳转到的页面加上参数props:[‘name’] ③在跳转到的页面就获取到了name『用法: js中直接this. name；html中直接插值{{ name}}...原创 2018-09-13 15:37:00 · 5982 阅读 · 2 评论 -
npm run dev报错
vue-cli创建的项目，运行npm run dev报错报错信息如下：以上是我刚学用vue-cli新建的项目，第一次运行npm run dev时，没有问题，之后再运行npm run dev,报错，报错信息如上图。解决方案如下： 将新建项目下的build文件夹下的webpack.base.conf.js （vueName&gt;build&gt;webpack.base.conf...原创 2018-09-28 08:34:59 · 1061 阅读 · 0 评论 -
初学者学习vue，用vue-cli快速创建一个vue项目结构
前提条件：安装node，webpack，vue-cli。创建好后目录如下：参考文章一个简单的vue项目就建好了。在项目目录下运行npm run dev,在浏览器访问，出现一下页面即为成功。...原创 2018-10-14 10:37:27 · 190 阅读 · 0 评论 -
myeclipse怎么引入svn
myeclipse怎么引入svn第一步：下载svn压缩包第二步：找到myeclipse下的dropins目录，并将svn解压到该目录下，重启myeclipse即可。//不要直接复制svn文件夹至该目录，我之前直接复制svn解压好的文件夹至该目录，重启后依然找不到svn.第三步：重启myeclipse后，点击菜单栏file-&gt;点击import导入-点开svn文件夹，点击从SVN...原创 2018-10-10 19:18:39 · 1255 阅读 · 0 评论 -
vue项目打包后vendor文件过大，如何优化？解决办法
1、路由懒加载– 我们都了解，vue在上线的时候，是用webpack工具，把所有组件里的js文件，css文件都打包到一起，我们看起来很清晰，仿佛很优秀的样子，额，但实际上就是很优秀的样子。不过里面的问题就是，所有组件里的js都会被压缩到一个文件夹里，所有的css也会被压缩在一个文件夹里，且生成了一堆.map文件。这样，首页兄弟就很难受了，我就一个简单的banner页面，你非让我加载跟我不想关的东...原创 2018-11-23 10:58:01 · 6085 阅读 · 0 评论 -
vue+webpack多环境打包配置
我是用的vue-cli快速生成的项目结构，故下文以此为基础：1、config/prod.env.js// 原来代码'use strict'module.exports = { NODE_ENV: '"production"'}// 修改后代码'use strict'module.exports = { NODE_ENV: '"production"', ENV_CONF...原创 2019-01-28 18:00:39 · 1000 阅读 · 0 评论 -
vue项目中怎么引入weui及在vue中weui的简单使用
方案一：main.js中引入（1）、安装weui.js weui样式npm install weui.js weui -S（2）、引入weui.js weui样式import Vue from 'vue'import weui from 'weui.js'import 'weui'Vue.prototype.$weui = weui（3）、项目中就可以用weui的样式以及组件了...原创 2019-02-28 11:07:29 · 33426 阅读 · 9 评论 -
post重定向后变成了get请求
简单记录我在开发中遇到的情况：错误代码：// 错误代码this.$ajax({ methods: 'post', url: this.baseUrl + '/checkQrCode', params: { openId: this.store.openId, qrCode: this.store.qrCode }})// 错误原因： ‘methods’ 应...原创 2019-02-14 13:02:39 · 4713 阅读 · 1 评论 -
Failed to execute 'open' on 'XMLHttpRequest': Invalid URL
Failed to execute 'open' on 'XMLHttpRequest': Invalid URL解决办法就是在请求的地址上加上http://原创 2019-03-19 14:57:29 · 52421 阅读 · 4 评论 -
vue-cli3.0安装失败，解决办法
按照vue-cli3.0官网卸载和安装vue-clinpm uninstall vue-cli -g // 卸载vue-cli旧版本npm install -g @vue/cli // 安装vue-cli3.0npm vue -V // 查版本安装后版本仍然为旧版本原创 2019-03-11 10:07:14 · 27757 阅读 · 4 评论 -
vue打包后，图片不显示，img路径404
vue打包好的文件，访问时显示背景图片没有找到遇到的问题：开发时图片好好的，打包后，图片不显示，如下图，转盘背景图没有了：首先，说一下项目里图片引入的三种方式：在页面中，通过img标签的src=&amp;amp;quot;路径&amp;amp;quot;属性；在css文件中，通过背景图片的url(‘路径’)引入图片；在js中通过require(‘路径’)引入图片；造成图片找不到的原因主要是：webpack打包以后，生成一个目录和一...原创 2018-10-11 12:00:16 · 16150 阅读 · 0 评论