如何在输入中一起使用 :value 和 v-model

孵化的

我想设置一个初始值v-model,其中id已在声明data但是编译的时候报错。

<input clearable
       v-model="id"
       :value="id"
       @keydown="isNumber"
       autofocus/>

:value="id" 与同一元素上的 v-model 冲突,因为后者已经在内部扩展为值绑定

有什么建议可以解决这个问题吗?

布拉沃

TL; 博士

v-model="id"

是否与

:value="id"
@input="id = $event.target.value"

因此你不需要 ADD :value=id,它已经“在那里”了


文档

<input v-model="searchText">

做同样的事情:

<input
  v-bind:value="searchText"
  v-on:input="searchText = $event.target.value"
>

所以......你正在尝试执行以下操作

<input
    clearable

    v-bind:value="id"
    v-on:input="id = $event.target.value"

    :value="id"
    @keydown="isNumber"
    autofocus
>

现在既然:value="id"速记v-bind:value="id",你现在可以看到你正在尝试做的

v-bind:value="id"

两次

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何一起使用 :value 和 v-model

在 <input> 中一起使用 :value 和 v-model 的正确方法是什么

VueJS:同时使用v-model和:value

如何在Vue.js中的同一元素上使用:value和v-model

Vue.js:在同一输入元素上设置v-model和v-bind:value

如何在PHP中一起使用复选框和输入类型编号

一起使用ng-model和`value`的AngularJS问题

我如何使@Model和@Emit在带有Typescript的VueJs中一起工作?

如何在v-model或:value中使用变量

如何一起使用 v-for 和发出的值?

如何在表单输入文本中使用ng-value和ng-model

如何使用 v-bind:value 操作 Vue 让输入值 v-model

如何在while和foreach循环中一起使用PHP和MySQL?

如何在 Swift iOS 中一起使用 UITableView 和 NSLink?

如何在SQL Server中一起使用相等和不相等

如何在for循环中一起使用innerHTML和ejs?

如何在 MongoDB 中一起使用 match 和 sum?

如何在Verilog中一起使用inout和reg

如何在python中一起使用.join()和.format()

如何在熊猫中一起使用distinct和where子句?

我如何在React中一起使用'update'和setState(prevState)?

如何在Google表格中一起使用to_date和IFERROR?

如何在 Pandas 中一起使用 groupby、select、count(*) 和 SQL 的 where 命令

如何在Bash中一起使用watch和jobs命令?

如何在Apache Beam中一起使用MapElements和KV?

如何在Python中一起使用filter,group by和agg函数

如何在SQL Server中一起使用count,case和Distinct

如何在laravel中一起使用whereBetween和like运算符?

如何在SQL中一起使用IN子句和AND子句