k912120的博客

vue2点击菜单跳转对应页面(路由应用)

不懂语法，写法粗糙，用作个人小记。需求原因，展示的按钮分开，会更利于操作。测试效果： 项目效果：

HTML页面引入ElementUI库时样式失效的解决方法（亲测可行）

转载：https://juejin.cn/post/6976483868689825805

勿喷：这个网上教程很多，但是上次找的教程前几个的内容都一样，但是方法没有写全导致使用的时候一直报错，自己记录一下常用的<template> <div class="sched_content"> <img :src="imgU1"> </div></template><script>import imgU1 from '@/assets/imag

最近写页面，设计里面有很多模块布局一样，利用v-if实现循环效果。需要注意的是：每个模块里面有一个小图片不一样。核心代码：<template> <div class="sched_content"> <div class="app-alarm"> <el-date-picker v-model="value1" type="week" format="yyyy 第 WW 周" placehold.

转载网址：https://www.jb51.net/article/167065.htm

项目创建过程中，因为vue.config.js的配置里引用了html-loder，且项目运行时，也提示需要安装html-loder，但安装后，再次运行，就报错Error: Failed to compile with 1 error，网上尝试了几种方案，没起效，但偶然发现降了一下版本，就好了。htnl-loder降版本语句：npm install html-loader@0.5.4 --save-dev安装之前：安装后，运行报错：降版本后，在运行：降版本语句：npm inst

过程：创建vue新项目，安装Vant组件库后，需要使用rem单位，所以接着安装postcss-pxtorem 插件，但是项目运行就报错“Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.”了，找了多种解决方案未起效，最终通过这位大佬的方法，成功解决，该大佬的文章地址https://www.cnblogs.com/liangziaha/p/14492288.html运行后的测试页面如下：...

废话有点多，请忽略：今天创建vue新项目时，出现一个奇怪的报错“internal/modules/cjs/loader.js:1032 throw err;”，接下来的现象刷新了我的认知，不论是查看vue版本，还是重装vue，都会报错。在网上找了各种方案，折腾好久，最后还是求助了我的大佬同事。我的报错如下：卸载vue后，重装vue,安装失败并报错如下：解决方案：注意：电脑用户名，请记得改成自己的，如图所示：1.删除残留文件,命名语句：del /s /q C:\Users.

<template> <div class="FillFluidReal-subject"> <el-card class="box-card"> <div slot="header" class="clearfix"> <i v-show="switchBtnTab == 0" class="iconfont iconshijian1"></i> <i v-sho.

项目需求：实现内容切换的同时，按钮样式，模块对应的图标和标题都要跟着变化。我的样式是之前写好的，请看效果即可，具体样式根据自己的需求去写。对应代码如下：<template> <div class="FillFluidReal-subject"> <el-card class="box-card"> <div slot="header" class="clearfix"> <i v-sh

图标显示参考：https://blog.csdn.net/weixin_42040328/article/details/106260267目标：按钮带图标，实现单选功能。注：我的图标用的是阿里图标。 <div class="container"> <div class="btn" v-for="(item,index) in info" v-bind:key="item.id"> <!-- 循环内容 --> &.

<button type="button" class="changeBtn" :class="{'activeBtn':isLife}" @click="isLife = !isLife">抬动</button><style>.formText .changeBtn{ margin-left: 1.2rem; color: #aeaeae; border-color: #939393; background: #fff;}.f.

妙味课堂链接（我自己看的是这个）：https://pan.baidu.com/s/1gFF8jL_APUWabf6PRKTIrA 提取码：zinc本人搜集的Vue教学视频：https://pan.baidu.com/s/1moaCO9AA62rfZtXEF3wx3w提取码：ls2q菜鸟贴上自己练习的路由效果图：...

转载静静是小花：https://www.cnblogs.com/hongdiandian/p/8311645.html再看看build文件夹下相关文件及目录：config文件夹下目录和文件：接下来说说vue-cli项目中页面相关的主要文件^o^首先是index.html:说明：一般只定义一个空的根节点，在main.js里面定义的实例将挂载在#app节点下，内容通过vue组件填充。App.vue文件：说明：app.vue是项目的主组件，所有页面都是在...

实现宽度自适应语句：//实现自适应部分window.onresize = () => { this.$echarts.init(document.getElementById('newEcharts')).resize();}代码使用如下：<template> <el-row> <el-col :xs="24" :sm...

勿喷：作为非开发人员，我真的不懂vue的生命周期和钩子函数，我只关心怎么样达到目的，但正因为不懂，所以及其容易走弯路，易入坑。问题：我想在vue项目中使用echarts图表，第一步就是去官网找教程，官网教程看起来很容易的样子，没有多想，先按着来。 <div id="newEcharts" style="width:500px;height:220px;"></div&g...

通过 npm 安装 ECharts后，开始使用出现问题：在dialog中弹框中，echarts图表一直显示为空，使用了网上教程的nextTick方法，但控制台报错“Error in nextTick: "TypeError: Cannot read property 'getAttribute' of null”解决方法：（1）在HTML的dialog中使用“@open="open()...

今天遇到了一件奇怪的事，作为游走在前端边缘的非专业人员，特意记录一下以下现象，及解决办法：1.运行项目，突然出现：“Error: Cannot find module 'webpack/bin/config-yargs'”报错，之前还好好的，经过网上教程解决了这一问题；参考博客：https://blog.csdn.net/longzhoufeng/article/details/81...

转自：https://www.cnblogs.com/liluxiang/p/9592003.html 一、使用之前，我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vu...