vue 基础知识--后台交互,实现接口调用

需要调用接口时,在组件中引入 import axios from "axios"; 然后在函数中 axios.create({ baseURL: 'http://localhost:9000', timeout: 3000000, responseType: "json", // headers: { // "Content-Type": "application...
2022-03-09 14:55 | 阅读 707 次 | 评论 0 条

vue 基础知识--获取表单数据并且向列表追加数据

涉及js拼接字符串、以及vue向列表追加数据 <template> <div> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">   <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item>   <el-form-item labe...
2022-03-09 11:31 | 阅读 630 次 | 评论 0 条

vue 基础知识-组件调用2

在组件调用1的基础上在Buttom.vue中增加add一个函数,然后在Header中调用add <script> export default{ methods:{ add(par){ console.log(par); } } } </script> 在Header.vue中增加 <script> import Button from './Buttom.vue' export ...
2022-03-09 11:07 | 阅读 636 次 | 评论 0 条

vue 基础知识-组件调用1

这里有三个组件index.vue/Header.vue/Buttom.vue,现在要把Header.vue和Buttom.vue一同包含在index.vue 目录关系: first --components --Header.vue --Buttom.vue --index.vue 下面是index.vue <template> <div id="first"> <myHeader ref="myHeader" /> <!-- <my...
2022-03-09 10:48 | 阅读 674 次 | 评论 0 条