huang_wei_xiong的博客

一、初始化 1.构建项目 npm init vue@latest //或者 npm init vite@latest 2.安装 npm install vue-router@4 3.配置路由 在src目录下面新建router 文件 然后在router 文件夹下面新建 index.js import { createRouter, createWebHistory } from "vue-router"; const routes = [ { path: '/',

1.传输文件需要使用FormData，使用append添加数据 add() { // 发送file文件，需要使用FormData进行传输 let formData = new FormData(); let file = this.addTable.file; // file对应的是一个file对象 formData.append("file", file, "filename.png"); //很重要 data.append("file", fi

安装插件 cnpm install imagemin-gifsicle --save-dev cnpm install imagemin-mozjpeg --save-dev cnpm install imagemin-optipng --save-dev cnpm install imagemin-pngquant --save-dev cnpm install pngquant-bin --save-dev cnpm install image-webpack-loader --save-dev we

vue.config.js配置 注意：vue的js链接一定要在其他的上面 chainWebpack: config => { // 移除 preload(预载) 插件 config.plugins.delete('preload') // 移除 prefetch(预取) 插件 config.plugins.delete('prefetch') // npm run analyzer 时才开启 if (pro

一、父组件向子组件传值 即父组件通过属性的方式向子组件传值，子组件通过 props 来接收。 1.在父组件的子组件标签中绑定自定义属性 // 父组件 <user-detail :myName="name" /> export default { components: { UserDetail } ...... } 2.在子组件中使用props（可以是数组也可以是对象）接收即可。可以传多个属性。 // 子组件 export default {

配置axios（index.js） import axios from 'axios' import { Message, Loading } from 'element-ui' const ConfigBaseURL = 'http://172.16.3.7:8080' //默认路径，这里也可以使用env来判断环境 let loadingInstance = null //这里是loading //使用create方法创建axios实例 export const request = axios.crea

使用Jquery操控dom 1.替换新的一样的input元素 2.重新绑定change事件 var obj = $("#file_input"); obj.replaceWith( '<input id="file_input" type="file" ref="clearFile" @change="getFile($event)" accept=".nii" />' ); $("#file_input").on("change"

安装jQuery库 npm install jQuery 安装expose-loader cnpm i expose-loader --save-dev 所要使用插件的Vue文件导入jQuery和下载好的jQuery插件 import $ from "jQuery";//导入库 import "@/plugins/jquery.fireworks";//插件 mounted()中挂载，以下为例子，插件为fireworks mounted() { console.log($(".nig

Vue-父子组件信息互相传递