No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Qediror warning !! prop "value"

    Help
    5
    6
    566
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • A
      ael last edited by ael

      Hello community!

      i have an issue with Qeditor ;
      this is my Html:

          <q-editor required v-model.trim="item.itemContent" @blur="$v.item.itemContent.$touch" :error="$v.item.itemContent.$error" />
      

      and I get this error in my console

      [Vue warn]: Invalid prop: type check failed for prop “value”. Expected String, got Null.

      found in

      —> <QEditor>
      <QPage>

      I’d really try to add :value=“item.itemContent” but it still generate the same warning

      any help! Thanks

      1 Reply Last reply Reply Quote 0
      • s.molinari
        s.molinari last edited by

        Maybe a stupid question, but is item.itemContent definitely not null?

        Scott

        A 1 Reply Last reply Reply Quote 0
        • A
          ael @s.molinari last edited by

          @s-molinari no it’s not null because i use that in Update item form , that’s mean item is really full

          1 Reply Last reply Reply Quote 0
          • nothingismagick
            nothingismagick last edited by

            can you please provide a codepen or jsfiddle showing us the whole component and your js

            1 Reply Last reply Reply Quote 1
            • metalsadman
              metalsadman last edited by

              QEditor has an error prop? it seems like you are trying to implement vuelidate on it. I agree with @nothingismagick.

              1 Reply Last reply Reply Quote 0
              • PeterQF
                PeterQF last edited by PeterQF

                I also had this editor problem and i solved it like in: https://forum.quasar-framework.org/topic/3607/solved-qpopupedit-in-qtable-with-vuex-data-source-do-not-emitted-save-event/29

                In data i have content_sv as a local var:

                export default {
                  mixins: [validation, rules],
                  data() {
                    return {
                      content_sv: '',
                

                that i populate with the data from API result:

                this.content_sv = this.postEdit.content_sv
                

                the on post to API i do the same:

                async doUpdatePost(postEdit, level) {
                      this.postEdit.content_sv = this.content_sv
                

                maybe a bit hacky but it works.

                Please tell me if there is a more correct way to solve this?

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post