xmselect重新渲染_select 动态赋值 layui重新渲染

select下拉框

Js

$(window).load(function () {

var q1 = document.getElementById("ZhiJi");

console.log(q1.options.length);

for (var i = 0; i < q1.options.length; i++) {

if (q1.options[i].value == "@info.ZhiJi") {

q1.options[i].selected = true;

}

}

//layui重新渲染

layui.use('form', function(){

var form = layui.form;//高版本建议把括号去掉,有的低版本,需要加()

form.render('select');

//form.render();

});

}

标签:q1,form,layui,var,options,select,赋值

来源: https://www.cnblogs.com/youmingkuang/p/12092832.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果重新赋值 select 后选中的值没有显示,可能是因为 select 组件的 v-model 没有更新。你可以通过以下方法解决: 1. 确保重新赋值的值在 select 的 options 中存在,否则选中不会生效。 2. 在重新赋值后手动更新 v-model 的值,例如: ``` <select v-model="selected"> <option v-for="item in options" :value="item.value">{{ item.label }}</option> </select> <script> export default { data() { return { options: [ { label: '选项1', value: '1' }, { label: '选项2', value: '2' }, { label: '选项3', value: '3' } ], selected: '1' } }, methods: { changeSelectedValue() { // 重新赋值 this.selected = '2'; // 手动更新 v-model 的值 this.$nextTick(() => { this.$refs.select.value = this.selected; }); } } } </script> ``` 这里使用了 `$nextTick` 方法确保 DOM 已经更新后再更新 v-model 的值。 3. 使用 `v-if` 条件渲染 select 组件,每次重新赋值重新渲染,例如: ``` <template> <div> <select v-if="renderSelect" v-model="selected"> <option v-for="item in options" :value="item.value">{{ item.label }}</option> </select> </div> </template> <script> export default { data() { return { options: [ { label: '选项1', value: '1' }, { label: '选项2', value: '2' }, { label: '选项3', value: '3' } ], selected: '1', renderSelect: true } }, methods: { changeSelectedValue() { // 重新赋值 this.selected = '2'; // 重新渲染 select 组件 this.renderSelect = false; this.$nextTick(() => { this.renderSelect = true; }); } } } </script> ``` 每次重新渲染时都会更新 v-model 的值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值