丁哒哒的博客

一、确保安装node.js且版本 >= 12.0.0node -v二、使用 Vite 初始化项目使用 NPMnpm init @vitejs/app使用 Yarnyarn create @vitejs/app然后根据终端提示，设置相关配置：1、项目名称2、

实现效果：父组件的一个按钮控制子组件显示，子组件内部有一个按钮，控制自己隐藏，效果如下：法一：子组件中通过$emit一个事件告诉父组件要修改的值，然后在父组件里修改show的值，子组件的值就会自动更新了父组件：<template> <div> <input type="button" value="我是父组件中的按钮" @click="show">

前言：本项目是vue得项目，启动在8080端口，后台是自己用nodejs开的服务器,启动的是3000端口，在请求接口的时候就遇到了跨域问题，简单记录一下。我的后台接口是酱紫写的(随便写的)：我的http请求中url是直接写的 /api/post 和 /api/get下面进入正题找到config里的index.js文件，其中有一个proxyTable，就是用来配置代理服务...

一、问题vue使用elementUI组件库在tomcat服务器部署后图标不能正常显示，如我遇到的下图酱紫：二、原因通过查看/build/webpack.base.conf.js文件可以发现，woff或ttf这些字体会经由url-loader处理后在static/fonts目录下生成相应的文件。也就是说实际应该通过/static/fonts/**路径来获...

一、需求及效果图最近的项目中，遇到给表格中指定单元格设置字体颜色，使用的是el-table做的，控制单元格字体颜色，每一行的最大值设置成绿色，最小值设置成红色，效果如下：二、方法及代码使用的是控件内的 cell-style 方法，方法详见element-ui，代码如下：<!-- HTML代码 --><el-table :data="populationComparisonTableData" border width= '952' ...

效果图：步骤：（一）在阿里巴巴矢量图形库中找到自己想要的icon，加入到购物车（二）点击购物车中，选择添加到项目，若没有项目，则新建一个，再点添加到项目（三）此时会跳转到我的项目页面，里边有添加过的icon，点击下载到本地，此时开始下载资源（四）下载好解压后，得到如下文件，把圈红的6个文件添加到自己的项目中（demo_index.html中有使用方法）（五）在main.js中引入iconfont.css文件（此时要注意iconfont.css文件中...

前言：在实际开发时，经常会遇到需要动态更换css样式的情况，比如今天自己在练习时遇到的一个简单的小问题，就是切换tab后动态的修改选中后的字体颜色，没有做成控件，就用a标签做的。...

前言：vue + element 项目中遇到form表单需要动态增删的情况，做了个小demo，效果大概是这样的：这里主要想讲的是，表单中某属性是个数组，而想要验证每个数组里的每个数据，该怎么配置呢？html部分代码：<template> <div class="hello"> <el-form :model="form" :rules="rules" ref="form" label-width="100px"> &lt..

一、父向子传参父组件parent.vue：引入子组件，通过v-bind传参<template> <div class="myVue"> <children :data="msg"></children> </div></template><script>import children from './children'export default { name: 'p

问题引出：今天做项目时，遇到这样一个情况，长传图片或者视频等文件时，能够选择多个，但是每一个要请求一次接口，这就出现了一个问题，每一次请求之间都是有依赖关系的，如果使用ajax的重重嵌套，会显得比较麻烦，而且容易产生回调地狱，所以我使用了promise.all + axios来解决这个问题，也可以使用async，await等。代码如下：let promiseArr = [];/...

问题：在vue的项目中，应用嵌套Dialog（不建议使用）时，遇到了产生蒙版的问题，怎么设置z-index也不管用，现象就是第一层dialog正常，显示第二层时，出现整屏蒙版，鼠标点击任意位置后，蒙版消失，如下图。第一层Dialog第二层Dialog解决办法：在第二层Dialog上加append-to-body的属性效果：...

实现效果：代码：<el-row v-for="(item, index) in ruleForms.items"> <el-form :inline="true" :model="ruleForms.items[index]" :rules="rules" ref="ruleForms" ...

问题描述最近在做项目的时候遇到，页面刷新后路由不变、页面也不变，只是导航栏高亮消失的问题，查阅相关文档后，下面是我找到的解决办法之一。代码HTML部分：<el-menu :default-active="$route.path" background-color="#25569f" text-color="#fff" ...

HTML部分<el-form ref="form" :model="form" label-width="82px"> <el-form-item label="选择媒体："> <el-select v-model="value" placeholder="请选择媒体"> <el-option ...