Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AlpineJs不更新绑定属性_Javascript_Alpine.js - Fatal编程技术网

Javascript AlpineJs不更新绑定属性

Javascript AlpineJs不更新绑定属性,javascript,alpine.js,Javascript,Alpine.js,我想在keydown上更新绑定(x-model)属性 但它根本不起作用 我这里有什么问题吗 函数app(){ 返回{ 文本输入:“”, 有限投入($el){ this.textinput=“” }, } } 您正在使用maxlength=“0”将输入的长度限制为0,这样就无法在输入中添加任何内容 另外,您打算如何使用limitInput功能?因为在keydown上调用它将在按键更新输入之前调用它,如果您想在之后调用它,请使用keydup嘿,保罗·路易斯!这个maxlength=“0”是我测试

我想在keydown上更新绑定(x-model)属性

但它根本不起作用

我这里有什么问题吗


函数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 =  ''
    },
   }
}