Vue3.X的细碎小事（持续更新）

Posted 2022-11-20 UDK_KL.

2021.6.19

1. 查看Vue-Cli版本号

vue -V

2. Vue-Cli4.0需要使用Element-Plus，最好直接在Vue-UI中安装，初学者建议直接选择Full import

3. Vue.use()要写成app.use()

4. 修改属性后刷新页面时记得清理一下缓存

5. Vue前端跨域

   login()
     this.$http(
       method:'post',
       url:'/queryUser',	//后端规定的数据地址
       data: this.loginForm
     ).then(res=>
       if (res.data.info.code === 0)
          this.$message.success("登录成功！");
       else
         return this.$message.error("登录失败！");
     )
   

   main.js

   const app = createApp(App)
   app.config.globalProperties.$http = axios;
   axios.defaults.baseURL = 'http://localhost:8080/';
   

6. 使用一键清空的resetFields()函数时

   1. 被清空元素标签内必须使用prop

   <el-form-item label="用户名" class="fromItem" prop="username">
     <el-input v-model="studentData.username" clearable></el-input>
   </el-form-item>
   

   2.整体表单要用:model绑定值

    <el-form :model="signUpForm" ref="signUpFormRef">
    </el-form>
   

   2. 具体清空函数

   resetSignUpForm()
     this.$refs.signUpFormRef.resetFields();
   ,