[Vue warn]: Do not use built-in or reserved HTML elements as component id: Dialog



  • I am using the dialog component, and it all seems to be working, but I have this error on any page load with a dialog:

    [Vue warn]: Do not use built-in or reserved HTML elements as component id: Dialog

    I followed the examples, my code looks like this:

    methods: {
        showDialog (rowid, index) {
          Dialog.create({
            title: 'Confirm',
            message: 'Really delete this item?',
            buttons: [
              {
                label: 'Disagree',
                handler: () => {
                  console.log('Disagreed...')
                  console.log('rowid:' + rowid)
                }
              },
              {
                label: 'Agree',
                handler: () => {
                  this.deleteRow(rowid, index)
                }
              }
            ]
          })
        }
    


  • Anyone have a workaround for this? Am I the only one seeing this?



  • @ssuess are you registering Dialog as a component? If so, that will cause this issue. You do not need to register it as a component, you only need to import it.



  • This post is deleted!


  • OH…I was also exporting it along with all the other components, I didn’t realize I didn’t need to do that as I am doing with the others. Once I removed the export, the error goes away. Thanks!


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.