Closed yzh1234567 closed 1 year ago
v-model与v-models都不支持变量传入修饰符及v-model的参数;一旦参数及修饰符为变量就不能双向绑定 <script lang="jsx"> export default { props:{ modifiers:{ type:[String,Array], default:'', decr:'修饰符', }, }, data(){ return { value:'', } }, render(){ let modifiers = Array.isArray(this.modifiers)?[...this.modifiers]:(this.modifiers?[this.modifiers]:[]) let model = 'title' /* jsx不支持双向绑定的v-model的变量写法;<input v-model={[this.value,model,modifiers]}></input> 支持非变量写法 <input v-model={[this.value,'title',['trim']]}></input> */ return ( <input v-model={[this.value,model,modifiers]}></input> ) }, } </script>
<script lang="jsx"> export default { props:{ modifiers:{ type:[String,Array], default:'', decr:'修饰符', }, }, data(){ return { value:'', } }, render(){ let modifiers = Array.isArray(this.modifiers)?[...this.modifiers]:(this.modifiers?[this.modifiers]:[]) let model = 'title' /* jsx不支持双向绑定的v-model的变量写法;<input v-model={[this.value,model,modifiers]}></input> 支持非变量写法 <input v-model={[this.value,'title',['trim']]}></input> */ return ( <input v-model={[this.value,model,modifiers]}></input> ) }, } </script>
🐛 Bug description
v-model与v-models都不支持变量传入修饰符及v-model的参数;一旦参数及修饰符为变量就不能双向绑定
<script lang="jsx"> export default { props:{ modifiers:{ type:[String,Array], default:'', decr:'修饰符', }, }, data(){ return { value:'', } }, render(){ let modifiers = Array.isArray(this.modifiers)?[...this.modifiers]:(this.modifiers?[this.modifiers]:[]) let model = 'title' /* jsx不支持双向绑定的v-model的变量写法;<input v-model={[this.value,model,modifiers]}></input> 支持非变量写法 <input v-model={[this.value,'title',['trim']]}></input> */ return ( <input v-model={[this.value,model,modifiers]}></input> ) }, } </script>