vue开发中如何实现select
下拉框异步传值,下面web建站小编给大家简单介绍一下!
具体代码如下:
<template> <select v-model="selectValue"> <option v-for="(item,index) in selectOptions" :value="item.id">{{ item.name }}</option> </select> </template> <script> import axios from "axios"; export default { data() { return { selectValue: null, selectOptions: [] }; }, mounted() { axios .get("http://example.com/test") .then(res => { this.selectOptions = res.data; }) .catch(error => { console.log(error); }); } }; </script>
jQuery中select标签绑定的onchange事件获取选中值
上面是“vue如何实现select下拉框异步传值”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4514.html
workflows工作流
1个很漂亮的单身小女孩ComfyUI工作流
一位漂亮的女人坐在樱花树旁
一个冰淇淋ComfyUI工作流
一架受损严重的宇宙飞船内有一只猫
一棵白色心形流苏树comfyui工作流
迷人的月光,发光的花朵
一个红头发明亮眼睛的漂亮女人
冬天的严寒里红梅枝上停留着一只鸟
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!