2
<template lang="pug">
  div(:class="internalClass")
    | text
</template>

<style lang="sass">
  .classname
    color: red
</style>

<script>
  export default {
    data () { return { internalClass: 'classname' } }
  }
</script>

При использовании компонента

<v-component class="otheClass" />

otherClass - игнорируется (список классов перезаписывается внутри компонента)

Приведенный пример упрощен, но решение проблемы для него, решит проблему для ниже приведенного кода (оригинала)


Оригинал

<style lang="sass" module>
  @import '../../assets/sass/elements/link.sass'
</style>

<script>
  const state = ctx => ({
    staticClass: ctx.$style.link
  })

  export default {
    name: 'v-lnk',
    props: {
      to: { type: String, required: false }
    },
    functional: true,
    render (h, ctx) {
      return ctx.props.to === undefined
        ? <a {...state(ctx)}> { ctx.children } </a>
        : <nuxt-link to={ctx.props.to} {...state(ctx)}> { ctx.children } </nuxt-link>
    }
  }
</script>

<style lang="sass" module> 

Не влияет на ошибку (проверял)

Добавление ключа 'class' в props тоже не помогает, вижу лишь один выход, завести prop 'className' и проксировать классы извне во внутрь компонента через него

<v-lnk className="otherClass"> Link </v-lnk>

Смена staticClass на 'class' тоже не влияет

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.