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.

variables from mixins not recognized in component template

See original GitHub issue

Info

Platform: Linux
Vetur version: 0.19.0
VS Code version: 1.33.1

Problem

Since the last release of Vetur html template no longer uses values from mixins

example error in template where mixin has data.config Property 'config' does not exist on type 'CombinedVueInstance...'.

Reproducible Case

create a base component with a data and/or computed variable
create a extends component that uses the base component as a mixin
use variable/computed in template of extends component

Issue Analytics

State:
Created 4 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

11reactions

octrefcommented, Apr 24, 2019

You can also do vetur.validation.template: false or vetur.experimental.templateInterpolationService: false

1reaction

ktsncommented, Apr 26, 2019

FYI: If you want to type mixins, you may want to use this. https://github.com/ktsn/vue-typed-mixins

Top Results From Across the Web

Global variables and mixins does not available inside ...

Hi. I our project we are using event buss (mitt) as a global variable and I want to emit some data from the...

Sass global variables and mixins not working - Stack Overflow

When I try to access any global variable or mixin from within any vue component, I get an undefined error. This problem doesn't...

mixin and @include - Sass

Mixins allow you to define styles that can be re-used throughout your stylesheet. They make it easy to avoid using non-semantic classes like...

How to Use Mixins in Sass and Pass Arguments – With Code ...

They make it easy to avoid using non-semantic classes like .float-left , and to ... Here's an example of using a mixin in...

Getting started | Less.js

Less extends CSS with dynamic behavior such as variables, mixins, operations and functions. Less runs on both the server-side (with Node.js and Rhino)...