vue下拉框获取数据库数据显示？

一般情况下是前端通过调取后端接口，来获取到数据库的数据，后端哪里会把数据库的数据整理成一般是json形式的数据，前端获取到数据后，写上select标签，用v-for来循环option标签，然后点击下拉框就能看到下拉框中的数据选项了。点击下拉框再去过去数据的话交互不好。还有一种是元数据库的 *** 作，据说是前端直接调用数据库，不过用的不多。

两种方法：

1. 绑定数据源：

comboBox1.DataSource=ds.Tables[0]comboBox1.DisplayMenber="<a href="https://www.baidu.com/s?wd=%E5%AD%97%E6%AE%B5%E5%90%8D&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLPH-hmvckuHI9mHu-PADs0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En10LPW01PHD4" target="_blank" class="baidu-highlight">字段名</a>"comboBox1.Text="<a href="https://www.baidu.com/s?wd=%E5%88%9D%E5%A7%8B%E5%8C%96&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLPH-hmvckuHI9mHu-PADs0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En10LPW01PHD4" target="_blank" class="baidu-highlight">初始化</a>值"

2. 添加删除记录方法：

//添加for(int i=0i<list.Counti++){ comboBox1.Items.Add(list[i])} //删除comboBox1.Items.RemoveAt(Index)

但是还有一种方法通过js获取下拉框的值<select name="sel" onchange="check()">-- 增加onchange事件<%while (rs.next()) {%><option value="">-- 这里没有给选项赋值-- 改为，如：<option value="<%=rs.getString(1)%>"><%=rs.getString(1)%></option><%}%></select><script type="text/javascript">function check(){var id = document.getElementsByName("sel").value-- 获取下拉框的值如：拼接url打开页面，var url = 'xxxx.do?id=' + id//注，具体的url你要自己拼写，我这个是列子，不能用的方法1，在本窗口打开页面：window.location = url 方法2，新窗口打开页面window.open(url)}</script>追问： 我终于发现了，能读取数据，可是把读取的数据放入数据库中就有问题了，难道还要转码才行吗？ 回答： 当然`~~ 追问： 页面编码是gb2312那我要怎样转码呢？ 回答： 首先你要知道你的数据库的是什么编码的,你页面的编码要符合你数据库的编码,这样的转码才是正确的 追问： 现在我不是从页面读取数据了，而是直接在程序中测试Date.valueOf("1987-3-7")比如我用这样的方法把这个数据放到数据库中去就自动变成了1905-6-1了，感觉太怪了这个就和编码无关了 回答： 你具体的代码我也不知道,也不好给你说,给你个UTF-8转GB2312的代码吧private String utf8Togb2312(String str){StringBuffer sb = new StringBuffer()for(int i=0i<str.length()i++) {char c = str.charAt(i)switch (c) {case '+':sb.append(' ')breakcase '%':try {sb.append((char)Integer.parseInt(str.substring(i+1,i+3),16))}catch (NumberFormatException e) {throw new IllegalArgumentException()}i += 2breakdefault:sb.append(c)break}}String result = sb.toString()String res=nulltry{byte[] inputBytes = result.getBytes("8859_1")

---