Javascript AlpineJs不更新绑定属性
我想在keydown上更新绑定(x-model)属性 但它根本不起作用 我这里有什么问题吗Javascript AlpineJs不更新绑定属性,javascript,alpine.js,Javascript,Alpine.js,我想在keydown上更新绑定(x-model)属性 但它根本不起作用 我这里有什么问题吗 函数app(){ 返回{ 文本输入:“”, 有限投入($el){ this.textinput=“” }, } } 您正在使用maxlength=“0”将输入的长度限制为0,这样就无法在输入中添加任何内容 另外,您打算如何使用limitInput功能?因为在keydown上调用它将在按键更新输入之前调用它,如果您想在之后调用它,请使用keydup嘿,保罗·路易斯!这个maxlength=“0”是我测试
函数app(){
返回{
文本输入:“”,
有限投入($el){
this.textinput=“”
},
}
}
您正在使用maxlength=“0”
将输入的长度限制为0,这样就无法在输入中添加任何内容
另外,您打算如何使用limitInput
功能?因为在keydown
上调用它将在按键更新输入之前调用它,如果您想在之后调用它,请使用keydup
嘿,保罗·路易斯!这个maxlength=“0”是我测试过的。我忘了删除它。所以-现在我把它清理干净了。我不再使用maxlength
,而是使用keyup
。我想用limitInput函数限制输入。因此,只要用户键入,他就不能这样做,因为textinput
被重置为“”。这不起作用。如果您想阻止用户输入数据,为什么不改用禁用的HTML属性呢?例如:
,如果需要再次启用输入,您可以稍后删除它,因为这不是我想要实现的真正功能。我用alpineJs构建了一个类似select2的刀片组件。当我达到一个特定的限制时,我实际上想禁用输入。因此,这只是一个被截断的功能,在什么不起作用时被分解。当你达到一个特定的限制,比如字符限制时,禁用输入?还是代码中的其他部分?
<div x-data="app()" class="w-64">
<input x-ref="textInput" x-model="textInput" x-on:keyup="limitInput($el)" type="text">
</div>
function app() {
return {
textInput: '',
limitInput($el) {
this.textinput = ''
},
}
}