我想用vue写checkbox.radio，这个怎么做呢
vue版本2.X
java springmvc

正常情况下会生成如下格式

    值1
    值2

一般情况下数据库里面放的是状态码 1,2。
而前台展示的时候显示的是值1，值2。
我如何直接输出值1，值2呢，我不想在后台进行值查询可以吗？
以前的JSP都是写个tag,直接把值转成html,现在vue我不知道怎么办了

                            
                                    
            

                

                    
                    2
                

                

                    
                                                    
                                            
                    0
                


                

                    
                                                    
                                            
                    0
                




            
            
            
            
            
            
            
            
            
            
            
            
            
            

            

                

                    
                    

                        PHPz
                        
学习是最好的投资！
                    
                
                

                    

                    

                        

                            回答
                        
                    
                
            
            

                

                    
全部回复(2)
                    我来回复
                
                


                                

                    
                    

                        

                            

                                高洛峰2017-04-18 10:54:28
                                2楼
                            
                            
首先，谢邀。

根据你的描述，是希望后台只存状态值，然后将对应状态值的content存在js的某个角落，当你需要渲染的时候，再根据对应状态值，取出对应的content渲染到页面
由于这种一般都是后台返回，但是这里根据需求你也许可以这么做

先在data中(或者写一个store文件按顺序专门存放这些内容)
options: [
    '我是1',
    '我是2',
    '我是3',
    '我是4',
    '我是5',
    '我是6',
    '我是7',
    '我是8',
    '我是9',
    '我是10',
]
然后你可以在data里写一个接受后台传来的状态值
option_values: [
    0,
    2,
    4
]
根据这些在页面上渲染效果
<select>
      <option value='item' v-for='item in option_values'>{{options[item]}}</option>
</select>
最终效果

不过，也不是什么好办法，因为对数组来说索引只能事数字了，就局限了状态值的类型。以上是一种解决办法。

那么考虑到状态值的多样化，该怎么做呢，讲数组转化为对象写法
将上述第一步改为键值对形式
  options: {
    'option1':'我是1',
    'option2':'我是2',
    'option3':'我是3',
    'option4':'我是4',
    'option5':'我是5',
    'option6':'我是6',
    'option7':'我是7',
    'option8':'我是8',
    'option9':'我是9',
    'option10':'我是10',
  }
这么写的话原本我们传来只能是数字类型的状态值就可以很自然的变为
  option_values: [
    'option1',
    'option3',
    'option9'
  ]
这样也能保证状态值的多样化。
最后建议，以后这种内容不对题的问题还是少些比较好，看下社区的规范有助于你快速找到答案。再次谢邀，希望可以帮到你，或者为你提供一些新的思路

                            

                                 
                                赞 +0
                                

                                    添加回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                PHPz
                                            
                                            

                                        
                                        
                                        回复
                                    
                                
                            
                            

                                

                                    
                                

                            


                        
                    

                
                

                                

                    
                    

                        

                            

                                阿神2017-04-18 10:54:28
                                1楼
                            
                            
谢邀。
你这个问题问的就不专业... 你标题想问checkbox.radio，内容里面的代码却是 select下拉框。
而且这个是及其基础的问题。
如果值1，值2是后台提供的，你怎么可能不进行查询呢？
其实道理一样，你在前端请求后台拿到数据之后，再去渲染页面。
                            

                                 
                                赞 +0
                                

                                    添加回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                PHPz
                                            
                                            

                                        
                                        
                                        回复
                                    
                                
                            
                            

                                

                                    
                                

                            


                        
                    

                
                

                



                

            
        

        
        

            
            

                

                    
专题推荐
                    更多>
                    
                
                


                    

                                                

                             
                            硬盘的接口类型介绍 
                        
                                                

                             
                            mongodb启动命令 
                        
                                                

                             
                            打印机脱机状态怎么恢复正常打印 
                        
                                                

                             
                            编程软件有哪些 
                        
                                            
                

            
            


                

                    
 热门话题 
                    
                
                

                    

                                                

                            

                                
                                QQ邮箱格式怎么填写
                            
                        
                                                

                            

                                
                                QQ邮箱格式怎么填写 qq邮箱的格式怎么填
                            
                        
                                                

                            

                                
                                qq邮箱的格式是什么
                            
                        
                                                

                            

                                
                                俄罗斯Yandex搜索引擎免登录入口 Yandex搜索引擎官网一键直达
                            
                        
                                                

                            

                                
                                怎么在电脑上定闹钟时间设置_Windows系统闹钟设置全攻略
                            
                        
                                                

                            

                                
                                如何在苹果手机上下载并安装OKX交易所
                            
                        
                                                

                            

                                
                                比特币八大交易软件榜单 最受欢迎的比特币交易app盘点
                            
                        
                                                

                            

                                
                                币圈三大交易所下载
                            
                        
                                                

                            

                                
                                ArchiveofOurOwn官方网站地址 ArchiveofOurOwn镜像站官方访问链接
                            
                        
                                                

                            

                                
                                Yandex官网登录入口_Yandex国际版搜索引擎链接
                            
                        
                                            
                
            
            

                

                    
热门教程
                    更多>
                    
                
                

                    

                        
相关教程 

                        
热门推荐

                        
最新课程

                    
                    

                                            
                    

                                                

                            
                                
                            
                            

                                JavaScript ES5基础线上课程教学
                                

                                    
64937次学习

                                                                            收藏
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)
                                

                                    
1484960次学习

                                                                            收藏
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                phpStudy极速入门视频教程
                                

                                    
529754次学习

                                                                            收藏
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                独孤九贱(4)_PHP视频教程
                                

                                    
1249519次学习

                                                                            收藏
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                PHP实战天龙八部之仿爱奇艺电影网站
                                

                                    
769630次学习

                                                                            收藏
                                                                    
                            
                        
                                            
                    

                                                

                            
                                
                            
                            

                                最新Python教程 从入门到精通
                                

                                    
2726次学习

                                                                            收藏
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                JavaScript ES5基础线上课程教学
                                

                                    
64937次学习

                                                                            收藏
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                PHP新手语法线上课程教学
                                

                                    
6428次学习

                                                                            收藏
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                支付宝沙箱支付（个人也能用的支付）
                                

                                    
4508次学习

                                                                            收藏
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                麻省理工大佬Python课程
                                

                                    
41271次学习

                                                                            收藏
                                                                    
                            
                        
                                            
                
                
            
            

                

                    
最新下载
                    更多>
                    
                

                                

                

                    

                        
网站特效 

                        
网站源码

                        
网站素材

                        
前端模板

                    
                    

                                                

                            

                                
                                [表单按钮] jQuery企业留言表单联系代码
                            
                        
                                                

                            

                                
                                [播放器特效] HTML5 MP3音乐盒播放特效
                            
                        
                                                

                            

                                
                                [菜单导航] HTML5炫酷粒子动画导航菜单特效
                            
                        
                                                

                            

                                
                                [表单按钮] jQuery可视化表单拖拽编辑代码
                            
                        
                                                

                            

                                
                                [播放器特效] VUE.JS仿酷狗音乐播放器代码
                            
                        
                                                

                            

                                
                                [html5特效] 经典html5推箱子小游戏
                            
                        
                                                

                            

                                
                                [图片特效] jQuery滚动添加或减少图片特效
                            
                        
                                                

                            

                                
                                [相册特效] CSS3个人相册封面悬停放大特效
                            
                        
                                            

                    

                                                

                            

                                
                                [电商源码] 杨他他淘宝客之淘宝新欢程序
                            
                        
                                                

                            

                                
                                [电商源码] 多奥淘宝客程序API免费版 F8.0
                            
                        
                                                

                            

                                
                                [电商源码] 威流软件销售系统(V6Shop)
                            
                        
                                                

                            

                                
                                [电商源码] 国际互联眼网友供需系统
                            
                        
                                                

                            

                                
                                [电商源码] 精美淘宝客单页面 zblog模板
                            
                        
                                                

                            

                                
                                [电商源码] WebShop开源网上购物系统
                            
                        
                                                

                            

                                
                                [电商源码] ECSHOP仿OPPO手机商城源码
                            
                        
                                                

                            

                                
                                [电商源码] 云点滴客户关系管理CRM OA系统
                            
                        
                                            

                    

                                                

                            

                                
                                [psd素材] 购物节促销折扣主题海报设计下载
                            
                        
                                                

                            

                                
                                [psd素材] 酒吧聚会宣传海报PSD源文件设计下载
                            
                        
                                                

                            

                                
                                [psd素材] 快餐美食招贴海报设计源文件下载
                            
                        
                                                

                            

                                
                                [矢量素材] 节日礼物包装袋合集矢量素材
                            
                        
                                                

                            

                                
                                [psd素材] 特价美食产品招贴海报PSD模板设计下载
                            
                        
                                                

                            

                                
                                [矢量素材] 立冬节气简约海报矢量模板
                            
                        
                                                

                            

                                
                                [psd素材] 啤酒特价折扣宣传方形海报素材下载
                            
                        
                                                

                            

                                
                                [psd素材] 美味甜甜圈美食正方形海报PSD模板下载
                            
                        
                                            

                    

                                                

                            

                                
                                [前端模板] 驾照考试驾校HTML5网站模板
                            
                        
                                                

                            

                                
                                [前端模板] 驾照培训服务机构宣传网站模板
                            
                        
                                                

                            

                                
                                [前端模板] HTML5房地产公司宣传网站模板
                            
                        
                                                

                            

                                
                                [前端模板] 新鲜有机肉类宣传网站模板
                            
                        
                                                

                            

                                
                                [前端模板] 响应式天气预报宣传网站模板
                            
                        
                                                

                            

                                
                                [前端模板] 房屋建筑维修公司网站CSS模板
                            
                        
                                                

                            

                                
                                [前端模板] 响应式志愿者服务网站模板
                            
                        
                                                

                            

                                
                                [前端模板] 创意T恤打印店网站HTML5模板
                            
                        
                                            

                
                
            

        
    






    

        

            

                

                    

                        关于我们
                        免责申明
                        举报中心
                        意见反馈
                        讲师合作
                        广告合作
                        
                        最新更新
                        English
                                                

                    
                    
php中文网：公益在线php培训，帮助PHP学习者快速成长！
                    

                      
                        关注服务号
                        
                          
微信扫码
关注PHP中文网服务号
                          
                        
                      
                        
                        技术交流群
                        
                          
QQ扫码
加入技术交流群
                          
                        
                      
                        

                    
                
                
            
            

                

                    
                    

                        
PHP中文网订阅号
                        
每天精选资源文章推送
                    
                
                

                    
                    

                        
PHP中文网APP
                        
随时随地碎片化学习
                    
                
            
        
    
    

        
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

    










    

        

            

                
                    
                    
PHP学习
                
            
        
    
    

        

            

                
                    
                    
技术支持
                
            
        
    
    

        

            

                
                    
                    
返回顶部