Queen-Shir的博客

我的需求是一进入页面通过调接口获取页面的url，然后把url嵌套到当前页面。<template> <div class="page-content" id="bi-div"></div></template><script> import reportFormApi from '@/api/reportForm' export default { name: 'reportComponent', props

1、HTML部分<Col span="2">上传文件：</Col><Col span="22" class="uploadExcelBox"> <Upload ref="uploadExcel" :loading="uploadLoading" :action="uploadFileUrl" accept="xlsx,xls" :format="uploadFormat" :before-upload="beforeImgFile" :on-succ

https://segmentfault.com/a/1190000018127192

话不多说，先贴代码：1、form表单代码<el-form ref="loginForm" :model="loginForm" :rules="loginRules" status-icon> <el-form-item prop="username"> <el-input v-model="loginForm.username" placeholder="请输入管理员账号" name="username" type="text" auto-.

如下图，我给input添加了回车事件，但是按了回车之后始终无法触发事件。v-on:keyup.enter="submitForm"解决方法：加上.native修饰v-on:keyup.enter.native="submitForm"

vue-element-admin项目的作者已经封装好了Tinymce富文本组件，我直接在Git上下载demo运用到自己项目里。这是Git地址：https://github.com/PanJiaChen/vue-element-admin一、Bug描述：（组件的代码和demo基本一致的前提下）我在编辑弹窗里引用了Tinymce富文本组件，如下图，table的每条数据都有一个“修改”按钮，每次点击“修改”按钮，则弹窗里显示该行对应的HTML。可是从第二次开始每次富文的内容都和第一次的一样，按道理不

一、数据不响应，可能是用法有问题比如下面这段代码:<template> <div> <div> <span>用户名: {{ userInfo.name }}</span> <span>用户性别: {{ userInfo.sex }}</span> <span v-if="userInfo.officialAccount"> 公众号: {{

场景描述： 在进行修改操作时，因为表单里有富文本组件，用户在富文本里编辑的html可能会很长，富文本里的html作为参数传给接口执行updata操作时报错。Access to XMLHttpRequest at 'http://192.168.*.**:8888/base/infoNews/update? ... ...' from origin 'http://192.168.3.7:8805' has been blocked by CORS policy: Response to p...

问题：(在Xshell上操作测试版本的项目) 新拉代码之后，npm install 报错，报错信息如下：gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied, mkdir '/home/work/buildqx/vue-admin-template/node_modules/node-sass/.node-gyp'报错截图：解决方法：npm install --unsafe-per...

Git Demo 网址 ：https://github.com/ProsperLee/element-tree-grid相关技术贴：https://www.lagou.com/lgeduarticle/41612.html一、使用方法：1、通过npm安装element-tree-gridnpm install element-tree-grid --save2、在main.js中注册element-tree-gridvar ElTreeGrid = require('el..

方法一：1、例如在src/api/post.js 文件：import request from '@/utils/request'//获取数据const get = (param) => { return request({ url: '/api/post/get',//接口url method: 'post', params: param })}export default { get,}2、在..

去掉这个属性就好了

在vue项目里定义了一个全局函数，如下：每次都返回空数组。因为接口调用后还未返回数据，该函数就将result return了。Vue.prototype.getCity = function(){//获取城市列表 var result = []; getCityList().then(res=>{ if(res.code==0){ //console.log(res.data); resu..

一、在编译时不生成.map文件，减少webpack打包后的压缩文件，提高首页编译速度。修改config/index.js文件：productionSourceMap: false二、开启Gzip压缩1、修改config/index.js文件：productionGzip: true,开启Gzip压缩 。productionGzip: true,productionGz...

警告提示：翻译过来就是：资产规模限制：以下资产超过了建议的规模限制（244 KiB）。这可能会影响web性能。错误原因，资源(asset)和入口起点超过指定文件限制，需要在 vue.config.js 文件内做如下配置：module.exports = { //webpack配置 configureWebpack: { //关闭 webpack 的性能提示 performance: { hints:false } //或者

报错如下：【原因】在项目中全局搜索exports，其他的文件都是配置文件，只有1个js文件是自己最近新增的，写了exports，估计出问题就是这个文件了。该文件是用来声明全局函数的，百度查了一下，是声明函数时的写法没有按照ES6的语法来写。接下来，放代码：//以前的错误写法exports.install = function(Vue,options){}//正确的写法let base={};base.install = function(Vue,opti...

使用环境：项目里很多页面都会使用到的静态变量，数据里小，一般情况下也不会有改动，可以不需要通过接口获取的。1、在store下面新建publicSet.js文件。2、publicSet.js：这些值一般都是接口的参数，很多接口都会用到的参数。只获取，不能修改它。所以这里就不写actions了。//系统里公共的数据，例如来源类型、岗位类型const state = { source:[ { id:"1", tex

问题：执行命令 npm install 后报错Cannot download"https://github.com/sass/node-sass/releases/download/v4.13.1/win32-x64-72_binding.node"解决方案：npm i node-sass --sass_binary_site=https://npm.taobao.org...

总结：按照七牛官网一步步来就可以实现。官网链接：https://developer.qiniu.com/kodo/sdk/1283/javascript具体实现步骤：1、npm 安装qiniu依赖npm install qiniu-js2、npm 安装plupload依赖npm install plupload --save3、在上传页面引入插件依赖var ...

<!-- Dom --><el-button @contextmenu.prevent.native="rightClick(item,$event)"></el-button><!-- js -->rightClick(item,eve){ console.log(item);console.log(eve);},

问题描述：el-dialog弹窗没打开时，页面有滚动条，会占据浏览器右侧15px左右的宽度。dialog打开之后，遮罩层占整个浏览器的宽度，且没有滚动条。网页头部滚动条消失，导致网页头部向右移动15px左右。每次打开dialog网页头部就向右移动；关闭dialog网页头部就向左移动。直接影响美观。解决方法：在项目的入口文件添加以下css。<style lang=...

解决方法：vue.config.js 下的 devServer.open 设置为 false // true默认打开浏览器 package.json 的 dev 命令设置为 vue-cli-service serve--open

一、在电脑中装好了node和vue的环境二、下载纯净的Vue项目1、在指定文件夹中输入指令：vue init webpack (自定义的项目名称)；2、然后根据提示，一路回车。 注意：Use ESLint to lint your code 推荐选择 no下载成功如下图：三、安装和引入Mint UI官网：https://muse-ui.org/#/zh-...

执行：npm install webpack-cli -g

js-cookie官网1、在index.html里引入js.cookie.min.js2、执行指令npm install js-cookie --save3、就可以开始使用cookie了更多cookies使用方法请查看如果报错：VM1269:1 Uncaught ReferenceError: Cookies is not defined是因为...

1、安装js-cookienpm install --save js-cookie2、在mian.js里引入依赖import Cookies from 'js-cookie'; //引入cookie操作依赖

一、子组件把数据传给父组件：this.$emit()步骤如下：compChart.vue为子组件，sdCompare.vue为父级页面。1、在子组件中声明变量sericesArr2、在子组件用$emit()传值给父页面。3、在父页面中使用子组件<comp-chart></comp-chart>的地方，使用@方法名="子组件方法名"...

vue项目警告： component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.解决方案： 使用 v-for 的对象需添加 :key

根据提示执行下载指令。

报错信息： 解决方法： package.json 里面没有 “scripts”: {“dev”: “xxx”} 这段了。

下载安装方式： https://www.runoob.com/nodejs/nodejs-install-setup.html

参考网址：https://blog.youkuaiyun.com/a5534789/article/details/53415201Demo：1、新建一个空的vue对象，命名为eventHub; 2、在父页面 hsi.vue 使用 this.root.eventHub.root.eventHub.root.eventHub.emit(‘function1’,’parame’); 随...

问题描述：执行 npm install vue-style-loader css-loader sass-loader --save-dev 安装了css相关依赖之后，npm run dev，项目报错：TypeError: this.getResolve is not a function原因：安装的sass-loader的版本为最新8.0.0，查看网上资料说是版本过高导致编译错误。...

js写法：@click="switchChecked(this)"Vue写法：@click="switchChecked($event)"

转载来源

https://www.cnblogs.com/eyed/p/7850946.html

一、在电脑中装好了node和vue的环境二、下载纯净的Vue项目1、在指定文件夹中输入指令：vue init webpack (自定义的项目名称)；2、然后根据提示，一路回车。 注意：Use ESLint to lint your code 推荐选择 no3、下载成功后的视图：4、在我指定的目录下就已新建了"hemasao_mobile"项目，里面的文件也...

1、报错截图如下：解决方案：执行以下指令，把报错中所提的文件都安装下来。npm install vue-style-loader css-loader sass-loader --save-dev2、安装之后运行：npm run dev接着报如下错误：Cannot find module 'node-sass'解决方案：接着运行npm install sass...

 1、安装包下载地址：https://github.com/vuejs/vue-devtools 2、将下载的压缩包解压3、安装步骤：https://www.cnblogs.com/yuqing6/p/7440549.html