vue 根据选择条件显示指定参数的例子
更新时间:2019年11月09日 09:58:31 作者:LuckyMon
今天小编就为大家分享一篇vue 根据选择条件显示指定参数的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
html部分
<el-select style="width: 200px;margin-left:5px;" v-model="queryType" slot="prepend" class="filter-item" @change="changepara"> <el-option v-for="(item,index) in chooseList" :key="index" :value="item.value" :label="item.label"></el-option> </el-select>
添加选项,chooseList:[{value:‘1',label:‘1'},{value:‘2',label:‘2'}]可替代为
<el-select style="width: 120px" v-model="queryType" slot="prepend" class="filter-item" @change="changepara"> <el-option value="1" label="1"></el-option> <el-option value="2" label="2"></el-option> </el-select>
提供的选择条件比较少的话,可以使用此种方式,看起来比较简洁。
<div class="get_parameter"> <ul> <li v-for="(item,index) in para" :key="index" :value="item" style="width: 200px;float: left;"> {{item}} <div v-show="ifshow[index]"> <el-input v-model="paramodel[index]" style="width: 180px;"></el-input> </div> <div v-show="ifshow1[index]" style="width: 200px;"> <template> <el-radio v-model="paramodel[index]" label="0">0</el-radio> <el-radio v-model="paramodel[index]" label="1">1</el-radio> </template> </div> </li> </ul> </div>
根据所选条件,显示参数类型,上面的例子是string及bool类型。
以上这篇vue 根据选择条件显示指定参数的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
ArcGis API for js在vue.js中的使用示例详解
这篇文章主要为大家介绍了ArcGis API for js在vue.js中的使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08vuejs+element UI table表格中实现禁用部分复选框的方法
今天小编就为大家分享一篇vuejs+element UI table表格中实现禁用部分复选框的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09vue-seamless-scroll 实现简单自动无缝滚动且添加对应点击事件的简单整理
vue-seamless-scroll是一个基于Vue.js的简单无缝滚动组件, 基于requestAnimationFrame实现,配置多满足多样需求,目前支持上下左右无缝滚动,单步滚动,及支持水平方向的手动切换功能,本节介绍,vue添加 vue-seamless-scroll实现自动无缝滚动的效果,并对应添加点击事件2023-01-01
最新评论