'v-model' directives aren't supported on elements ??

Oh, I thought that v-model was specific to custom components and to some tags. Maybe you can use this? vue

Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

'v-model' directives aren't supported on <div> elements ??

See original GitHub issue

Hello guys,

I got this problem right now as described on topic ? What should I config in addition ?

Thx for your help.

Tell us about your environment

ESLint Version: v4.19.0
eslint-plugin-vue Version: v4.3.0
Node Version: v8.10.0

Please show your full configuration:

What did you do? Please include the actual source code causing the issue.

What did you expect to happen?

What actually happened? Please include the actual, raw output from ESLint.

Issue Analytics

State:
Created 5 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

19reactions

Kocalcommented, Apr 8, 2018

Oh, I thought that v-model was specific to custom components and to some <input> tags.

Maybe you can use this?

<!-- eslint-disable-next-line vue/valid-v-model -->`
<div class="quill-editor" 
  v-model="content"
  v-quill:myQuillEditor="editorOption">
</div>

12reactions

michalsnikcommented, Apr 19, 2018

v-model is just a syntactic sugar, and shouldn’t be used on elements other than input or textarea. You should instead manually control data flow, like this:

<div
  v-quill:myQuillEditor="editorOption"
  :content="content" 
  class="quill-editor"
  @change="onEditorChange($event)" />

Top Results From Across the Web

'v-model' directives cannot update the iteration variable itself

My solution was very simple (see v-model="tags[index]" ):. Instead of doing this: <template v-for="tag in tags"> <TagView :key="tag.key" ...

vue/valid-v-model

This rule checks whether every v-model directive is valid. ... E.g. <div v-model="foo"></div>; The directive is on <input> elements which ...

How To Add v-model Support to Custom Vue.js Components

v -model will work on content editable elements, but you need to explicitly use the content of the element, or the content will...

Found invalid v-model directives JS-0636 - DeepSource

The directive is on unsupported elements; The directive is on <input> elements which their types are file. The directive's reference is iteration variables....

'v-model' directives aren't supported on <Input> elements?

Javascript Required. Kindly enable Javascript. · 'v-model' directives aren't supported on <Input> elements? · Updates · Content Removed.