Блог

Главная - Вопросы по программированию - как передать mixin variuable как путь в изображении напрямую

как передать mixin variuable как путь в изображении напрямую

#javascript #vue.js #vuejs2 #mixins

#javascript #vue.js #vuejs2 #mixins

Вопрос:

У меня есть переменная mixins, известная как ImageUrl, которую я хочу передать в теге изображения напрямую, может кто-нибудь сказать мне, как это сделать, я пробовал через: src=»mixins_name», но это не сработало

Ответ №1:

Вам нужно установить переменную mixin внутри data . Затем унаследуйте mixin. Пример Codesandbox для импорта из другого файла.

 var mixin = {
  data: function() {
    return {
      imgURL: "https://picsum.photos/200/200",
    }
  }
}

new Vue({
  mixins: [mixin],
  el: "#app"
}) 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <img :src="imgURL" />
</div>

Комментарии:

1. будет ли это работать, если mixin будет создан в другом файле

2. определенно. Вам просто нужно импортировать свойство mixin.

3. импорт миксинов из «@/ mixins / global»; экспорт по умолчанию { name: «Layout», components: { Header, В сторону, }, mixins: [mixins], я импортировал миксины, подобные этому, но он не работает

4. Я также делюсь ссылкой на codesandbox в ответе. пожалуйста, проверьте это