var demo1 = xmSelectrender el #demo1 data name 张三 value 1 name 李四 value 2 name 王五 value 3 documentgetElementByIddemo1-test1onclick = function demo1setValue name 张三 value 1 false;;通过将setValue方法的
对于xm-select插件,使用setValue方法设置选中值时,第二个参数设置为false是无效的。该参数的作用是控制是否触发change事件。如果设置为false,则不会触发change事件,而如果设置为true,则会触发change事件。
如果需要避免父节点选中时子节点也被选中,可以通过在数据中添加一个disabled字段来实现。当父节点选中时,将其对应的子节点的disabled字段设置为true,这样在点击子节点时就无法选中了。
修改代码如下:
var demo1 = xmSelect.render({
el: '#demo1',
data: [
{name: '张三', value: 1, disabled: false},
{name: '李四', value: 2, disabled: true},
{name: '王五', value: 3, disabled: true},
]
});
document.getElementById('demo1-test1').onclick = function(){
demo1.setValue([
{name: '张三', value: 1},
], false);
};
这样,当点击"张三"时,只有"张三"被选中,"李四"和"王五"不会被选中
原文地址: https://www.cveoy.top/t/topic/izz8 著作权归作者所有。请勿转载和采集!