javawebDay2-axios,v-on,v-model

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>"></script>
axios用于向客户端发送请求
get:

axios.get("url").then((result)=>{
    do something(处理请求返回的数据)
})

post:

axios.post("url").then((result)=>{
    do something(处理请求返回的数据)
})

v-on:
为标签绑定方法,methods函数与data齐名,在methods中写需要绑定的函数
eg(为按钮添加单击监听)
<button type="button" class="btn btn-primary" v-on:click="search">查询</button>
<button type="button" class="btn btn-secondary" @click="clear">清空</button>
v-model:
双向绑定数据模型
eg(对searchForm中的属性进行绑定)
1.为searchForm中name属性绑定

<input type="text" 
               class="form-control" 
               placeholder="请输入姓名"
               id="name"
               v-model="searchForm.name"
               >

2.为searchForm中gender属性绑定
<select class="form-select" id="gender" v-model="searchForm.gender">
3.为searchForm中job属性绑定
<select class="form-select" id="position" v-model="searchForm.job">

posted @ 2025-03-28 23:40  m1kasaz  阅读(3)  评论(0)    收藏  举报