基本思路
- 前端把需要的参数类型编码传到后台,后台返回相应的参数列表json,前端利用vue渲染select控件
具体实现
<select v-model="template.type" class="form-control">
<option value="">请选择...</option> <option v-for="option in options" v-bind:value="option.macroId"> {{ option.name }} </option> </select>
var vm = new Vue({
data: {
options: [],
template: { type: null } }, methods: { getTemplateType: function() { $.post('../../sys/macro/value?value=templateType', null, function(data){ vm.options = data; }); } }, created: function() { this.getTemplateType(); } })
<select id="listMacroValue" resultType="SysMacroEntity">
SELECT
macro_id,
name,
value
FROM
sys_macro
WHERE
type_id =(
SELECT
macro_id
FROM
sys_macro
WHERE
value = #{value} ) AND STATUS = 1 ORDER BY macro_id; </select>