Vue プロジェクトの el-input がソリューションに入力できない

目次

1. 背景

2、解決策

1. 方法 1: ラベルのネストが深すぎる

2. 方法 2: el-input の親タグとしてテンプレートを使用する

3. 方法 3: v モデル

1. 背景

输入框动态填充值,但是填充后不能编辑了,
就像是被禁止了一样, 就很无语...

查了下资料, v-model填写了, 也没有templete标签嵌套

最终方法一即可解决问题...

2、解決策

1. 方法 1: ラベルのネストが深すぎる

如果标签嵌套太深，会导致无法获取到 DOM，这是我们需要 $forceUpdate() 强制刷新，才可获取

<el-input type='text' v-model='value' @change='change()'></el-input>
data(){
	return {
		value:'',
	}
}
change(){
	this.$forceUpdate();  //强制刷新
}

2. 方法 2: el-input の親タグとしてテンプレートを使用する

这种情况需要在 template 中添加 slot-scope 属性，

<template slot-scope="scope">

3. 方法 3: v モデル

el-input に v-model がありません

役に立ったら「いいね！」して、良い習慣を身につけてください！

質問、交換、激励などメッセージを残してください！

---