モーダルに2つのコンポーネントがあります。
最初:
<v-text-field
label="Limite de faltantes"
type="number"
v-model="lim_faltProd"
></v-text-field>
二番目:
<v-text-field
label="Limite de excedentes"
type="number"
v-model="lim_excProd"
></v-text-field>
私のコンポーネントのエクスポート:
export default {
props: ['nombre', 'precio', 'lim_falt', 'lim_exc', 'id'],
data () {
return {
error: '',
idProd: this.id,
nombreProd: this.nombre,
precioProd: this.precio,
lim_faltProd: this.lim_falt,
lim_excProd: this.lim_exc
}
},
watch: {
nombre () {
this.nombreProd = this.nombre
},
precio () {
this.precioProd = this.precio
},
lim_falt () {
this.lim_faltProd = this.lim_falt
},
lim_exc () {
this.lim_excProd = this.lim_exc
},
id () {
this.idProd = this.id
}
}
だから私がそのような単純なことをしようとすると
this.lim_faltProd> = this.lim_excProd
クレイジーになります。
これを見て、私は得る
console.log(this.lim_faltProd)// 20
console.log(this.lim_excProd)// 100
console.log(this.lim_faltProd> = this.lim_excProd)// THROWS TRUE !!!!
私はそれを示します:私は私がする関数を持っています:
async registrarProducto () {
this.error = this.lim_faltProd > this.lim_excProd
}
結果:
文字列を比較しています。"20"
は(最初の文字)よりも大きい"100"
ため"2"
、よりも大きくなり"1"
ます。数値を比較する場合は、それらを数値に変換します。
this.error = Number(this.lim_faltProd) >= Number(this.lim_excProd)
console.log("20" >= "100")
console.log(Number("20") >= Number("100"))
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加