热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vfor的一些小demo

循环在一个下拉列表框里Title
  • 循环在一个下拉列表框里

    DOCTYPE html>
    <html lang&#61;"en">
    <head><meta charset&#61;"UTF-8"><title>Titletitle><script type&#61;"text/Javascript" src&#61;"js/vue.js">script>
    head>
    <body><div id&#61;"time"><select v-model&#61;"select" ><option v-for&#61;"option in options" v-bind:value&#61;"option.id">{{option.title}}option>select><p v-text&#61;"select">p>div>
    body>
    <script type&#61;"text/Javascript">var datetime&#61;[{"id":485,"title":"三角函数60-80课程","user_package_id":165,"progress":0},{"id":486,"title":"数列 ","user_package_id":165,"progress":0}]var time&#61; new Vue({el:&#39;#time&#39;,data:{select:&#39;&#39;,options:datetime}})
    script>
    html>

    demo1

     


转:https://www.cnblogs.com/Secretmm/p/5676268.html



推荐阅读
author-avatar
暗夜风线_371
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有