@dobbel Thanks, that almost did it. For the perfect solution you need

  @Prop({ type: Boolean, default: false }) readonly withAdd!: boolean;

@metalsadman Never mind, it went away somehow. Works now. Sorry for the noise.

Hi, I have a QSelect with map-options and emit-value set. When I’m doing a native form submit, surprisingly the selected option’s label gets submitted instead of its value. Is this a bug or a feature? Is there a hook so that I can map it back before the request is sent? Thanks!

@dobbel Thanks, it works.

Hi, I’m trying to use the outlined Material icon set, but something’s wrong. In quasar.conf.js I have

    extras: [
      'material-icons-outlined'
    ],
    framework: {
      iconSet: 'material-icons-outlined', // Quasar icon set
    },

but instead of the icons I see the icon names (this is supposed to be a tab bar of 4 tabs with inline labels):

I already tried restarting the entire framework but it didn’t fix it. quasar version 1.15.5, @quasar/app version 2.2.1. Any idea what’s wrong? Thanks!

@dobbel Thanks, that almost did it. For the perfect solution you need

  @Prop({ type: Boolean, default: false }) readonly withAdd!: boolean;

Thanks, so I did

  props = {
    withAdd: {
      type: Boolean,
      default: false
    }
  };

But this doesn’t seem to define withAdd as a prop in a ts-class component.

Hi,

I’m trying to render a QSelect with an optional “Create New…” possibility on the top of the list. I’m using a prop to tell it whether it should have that option or just display existing elements:

@Component
export default class GroupSelector extends Vue {
  @PropSync('groupId', { type: Number }) id!: number;
  @Prop() readonly withAdd = false;

  get options() {
    return this.withAdd ? this.allGroupsWithAdd : this.allGroups;
  }

  get allGroupsWithAdd() {
    return [{ label: 'Create New Group…', value: 0 }, ...this.allGroups];
  }

  get allGroups() {
    // return all existing groups
  }

  // ...
}

And I pass the corresponding prop from the parent component:

      <group-selector :group-id.sync="group" with-add />

But I get the infamous error on the console:

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "withAdd"

Why is this happening? I’m not touching the withAdd property apart from reading its value, Vue still gives me an error. Is Quasar interfering with it? How can I fix this? Using a computed property as the error message suggests didn’t help.

Thanks!

Hi,

I have a bunch of Protocol Buffers files to be loaded by various components and store modules without exposing them on a public interface. What’s the best place to put them? What if the same files need to be loaded by the Electron main process as well?

Thanks,
Szabi