前言 本文简要记录如何使用Vue收集常见类型的表单数据，以及不同表单类型收集数据时需要注意的几个点。 在Vue中我们通常使用v-model命令绑定表单的属性值（通常是value），获取到的属性值就是表单数据。但是不同类型的表单用此命令收集到的对应属性不同（checked）。需要稍做处理后才能获取到我们实际想要的数据。 不同的表单类型获取表单值的方式也不同。 不同的表单类型获取表单值 若： <input type="text"/> 则v-model收集的是val

将原本的2.9.6更换到了5.0.4 C:\Users\棣棠>node -v v16.10.0 C:\Users\棣棠>npm -v 7.24.0 C:\Users\棣棠>vue -V @vue/cli 5.0.4 这里我采用的是卸载重装的方法： 第一步：卸载 从3.0版本开始3.0及以后的称为新版本，新版本改为了@vue/cli 这是卸载旧版本（3.0前）的命令： npm uninstall -g vue-cli 这是卸载新版本（3.0后）的命令： npm

在JavaScript中，对象是一组无序的相关属性和方法的集合。所有的实物都是对象，例如，字符串、数值、数组、函数等。 下面我会介绍三种创建对象的方法。 一、通过字面量创建对象 其语法格式如下： var 对象名 = {}; // 创建了一个空对象 var 对象名 = { 属性名: 属性值, // 创建了一个属性 方法名: function () { // 创建了一个方法 } } 注意点： 属性名和方法名后面跟的是冒号。 多个属性和方法之间要用逗号隔开。 例如， var obj

首先const navigate = useNavigate(); 则可以使用navigate这个函数代替this.history.push、this.history.replace、this.history.gofoward、this.history.goback、this.history.go 1.注意：navigete默认history的是push模式，使用replace模式需要添加 {replace:true} //开启replace模式 2.注意：使用useNavigat

关于vite配置开发、测试、生产环境的记录。 一、创建配置文件 1、与src目录同级创建配置文件 | |—src— |     |—components     |—views |—.env.development |—.env.production |—.env.test 2、文件配置内容   MODE ：用于区分每个环境   PROXY_PREFIX ：代理   VUE_APP_API_URL ：环境地址 ①.env.development MODE = 'development'

axios 是一个专注于网络请求的库！ axios中文网|axios API 中文文档 | axios 目录 axios在HTML使用 1.axios基本使用 2.axios封装的六个属性 ​ 2.axios的基本使用（Promise对象await和async简化写法） 3.axios直接发起的GET和POST请求 axios在Vue中的使用 方法一：私有组件使用axios 1.先装包（npm i axios -S） 2.在组件内使用 方法二：全局配置a

这里只总结了前端的调用方式，以及碰到的问题如何处理。 后台相关的内容以及如何上架，申请广告平台没有参与，不多赘述。 激励视频 首先页面要有一个按钮领取任务 <button :loading="loading" @click="showFullScreenVideoAd">显示广告</button> <script> export default { data() { return { rewardedVideoAd:

1.setup语法糖简介 直接在script标签中添加setup属性就可以直接使用setup语法糖了。 使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用。 <template> <my-component @click="func" :numb="numb"></my-component> </template> <script lang="

前言 CDN（内容分发网络）指请求资源的方式，即通过script头去请求对应的脚本资源的一种方式，项目里配置之后不需要通过npm包管理工具去下载配置的包。 目的：将引用的外部js、css文件剥离开来，不编译到vendor.js中，而是用资源的形式引用，这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来，达到加速首页展示效果。 1. 在vue.config.js进行配置 本人对vue、vuex、vue-router、axios、element-ui、echarts进

发送带参数的GET请求 示例：微信公众号获取access_token接口，业务操作步骤 1、打开微信公众平台，微信扫码登录：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login       2、打开微信开放文档，找到获取access_toekn 的接口信息：https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/

写代码的过程中一定会遇到报错，遇到报错不要担心，认真分析就可以解决报错，同时积累经验，早日成为大牛👍 本文会整理一些在编码过程中遇到的常见报错，共同学习。 一、报错结构 二、常见问题总结及解决方法 Mixed spaces and tabs Unexpected keyword 'const' Module not found: Error: Can't resolve '....' in '....'  Element is missing end tag TypeError:

定义接口 package com.rxld.rxld_kettle; import org.springframework.http.MediaType; import org.springframework.web.bind.annotation.*; @RestController public class ajax { @CrossOrigin(origins = "*",maxAge = 3600) // 解决跨域问题 @RequestMapping(va