WXY19951125的博客

No 'Access-Control-Allow-Origin' header 看到这个报错就知道是跨域了。当然最简单直接的肯定是后端接口配置允许跨域访问，不过，现在前端大部分都在用框架开发，说下在vue项目下前端配置允许跨域。配置完一定要重新运行项目才会生效在src文件夹平级创建一个vue.config.js文件，添加跨域配置module.exports = { devServer: { proxy: { //配置跨域 '/api': { ...

一、事件修饰符1. vue普通点击事件<a v-on:click="fun"></a> <!-- 完整写法 --><a @click="fun"></a> <!-- 简写 不带参数 --><a @click="fun(参数)"></a> <!-- 简写 带参数 -->2. vue修饰符：.stop 阻止事件冒泡//点击child区域时只会执行函数sayChild.

在vue项目打包填坑记1文章中，已经解决了打包之后首页显示空白的问题，但是，又出现了新的问题，引用的图片显示不出来在网上查了一些文章，css引入图片再打包后，style-loader无法设置自己的publicPath，于是需要在build/util.js文件里改变ExtractTextPlugin的css路径publicPath，但这个配置路径不是绝对的，需要具体项目具体配置路径...

打包的的命令都很熟悉 npm run build打包之后生成一个名为dist的文件夹，里面是打包后的项目文件和资源。但是，打开index.html文件后却显示一片空白原因分析： config文件夹下index.js里面关于build的配置，有一个属性assetsPublicPath，默认是 '/'，意思是根目录，会从index.html所在硬盘的根目录找文件资源，自然是找不到，所以才会显示空白界面解决办法： 只需要把assetsPublicPath属性改成 '...

需求场景：点击一个按钮，需要弹出一个modal框，点击弹出框的确定按钮，也需要弹出一个modal框提示用户接下来的操作。不做特殊处理，会发现第二个弹出框出现一下迅速自动关掉了。原因分析：在网上查了一些资料，有人说，是因为，两层弹出框 采用的是一个开关值，发生了覆盖。确切原因后续会接着查询更新临时解决方案：在第二层弹框外套层计时器，暂时解决了问题...

随着Vue框架的热度，出现了不少基于Vue的UI组件库，这次项目用到了 iView 这个组件库。使用方法官网很详细。官网：https://www.iviewui.com/这篇文章主要是记录一下npm 全局安装以及按需引用的用法。一、全局引用①、先安装iview          npm install iview -save       Tips：你可能注意npm install...

开发过程中，项目引用了iView组件。但是有些样式不是我们想要的，这时候就需要自己写样式了。&lt;style scoped&gt;这个写法大家一定都不陌生。。。。当 &lt;style&gt; 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。这主要就解决了样式不会污染到全局以及其他组件里的样式。但是如果我们项目中用到了类似iView/Mint-ui等这些框架时，发现这么写...

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。一、安装node~node.js中文官网http://nodejs.cn/下载安装包 ~执行下一步安装node.js。安装完成之后，通过cmd打开命令窗口，输入node -v和npm -v，显示版本号，安装成功。二、安装 vue-cli①、全局安装v...

在开发过程中，会遇到这样的需求，用到了Table组件，但是一进来页面需要默认选中某些项……前期的iView的安装以及引用就不赘述了，直接切入主题：html结构如下：&lt;!-- demodata：table的一个标识（也可以理解成一个名字） liststyle：定义table需要的格式及其关键字 listdata：指table具体的数据--&gt;&lt...

需求场景：使用vue-cli创建的项目，父组件LeftMainmenu.vue里通过&lt;router-view&gt;加载了子组件，父组件与子组件的methods里各自有方法，初始化的时候在mounted里进行了调用。预设的想法是想在父组件LeftMainmenu.vue的方法里把axios请求到的数据设置成缓存【以下用localdata替代】，然后子组件调用的方法去使用localdata...

Vue Cli 3 官方文档：https://cli.vuejs.org/zh/guide/一、安装 @vue/cli更新到 3.x 之后，vue-cli 的包名从 vue-cli 改成了 @vue/cli如果之前全局安装了旧版本的 vue-cli (1.x 或 2.x)，首先需要使用以下命令卸载掉// 如果没有安装旧版本的 vue-cli 可以跳过卸载直接安装npm uninsta...