Vue的渲染到下拉菜单中，并赋值在文本域上

最新推荐文章于 2024-05-06 21:51:47 发布

雪蛋不是蛋(^_−)☆

最新推荐文章于 2024-05-06 21:51:47 发布

阅读量353

点赞数

分类专栏： web前端小可爱文章标签： vue.js javascript html

本文链接：https://blog.csdn.net/qq_46291038/article/details/120347361

版权

本文介绍了如何使用Vue.js将葫芦娃数据动态渲染到下拉菜单，并在选择六娃后，在文本域中显示其技能——隐身。

摘要由CSDN通过智能技术生成

把葫芦娃数据渲染到下拉框中,, 当点击六娃, 后面接上文本, 显示隐身.（技能）

源代码：

<%--
  Created by IntelliJ IDEA.
  User: TJYSB
  Date: 2021/9/16
  Time: 16:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>v-on v-show v-for </title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>

</head>
<body>
    <%--<div id="app">--%>
        <%--v-on 后面接的是 html的事件， 而 v-bind 后面接的html中的属性--%>
        <%--<input type="button" value="点击在ul中显示 葫芦娃的列表" v-on:click="showHuluWa()">--%>