Если вы хотите использовать vue в отдельном HTML-файле. Я догадался, что вы не можете использовать структуру СПА для достижения своей цели. Вместо этого вы должны использовать HTML-шаблон и импортировать VUE из CDN.
<div id="app">
<BoilerGraph period="2016" subtitle="Problem Year"></BoilerGraph>
<BoilerGraph period="2019" ></BoilerGraph>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.8/dist/vue.js"></script>
<script type="text/x-template" id="BoilerGraph">
<div class="BoilerGraph">your BoilerGraph template at here!</div>
</script>
<script>
Vue.component('BoilerGraph', {
template: '#BoilerGraph',
props: ... // Your other props need to pass
});
new Vue({
el: '#app',
})
</script>
В коде позади или преобразователе значения можно сделать
Uri uri = new Uri("http://testsvr.com/hello.jpg");
YourImage.Source = new BitmapImage(uri);
Из того, что я заключаю, что Вы не пытаетесь изменить само изображение динамично, а скорее правильно определить местоположение изображения во времени выполнения.
я верю просто добавлению префикса URL родственника изображения с ".. /" должен получить Вас к корню Вашего приложения, не обязательно сайт, поскольку приложение не могло бы быть размещено в корне сайта.
, Если Ваш файл XAP расположен следующим образом:
И Вы, где попытка связать следующее изображение:
, По-видимому, весь относительный URI относительно того, где файл XAP расположен (папка ClientBin обычно), и Silverlight добавляет текущее клиентское пространство имен Silverlight. Таким образом, если бы Вы, управление Silverlight находится в пространстве имен Whoppa, необходимо было бы поместить все изображения в clientbin/Whoppa/каталог. Не точно удобный.
обходное решение должно использовать абсолютный URIs следующим образом:
новый Uri (Приложение. Текущий. Хост. Источник, "../images/a/boo.png");
SilverlightHost. Источник предоставит Вам URL, который использовался для загрузки файла XAP. Можно использовать это, чтобы затем создать относительный URL для изображений.
Поэтому, если, например, Ваш XAP размещается на , http://foo.bar/ClientBin/bas.xap и Ваши изображения был сохранен в http://foo.bar/Images/ , можно просто использовать Источник для захвата имени хоста и протокола для построения нового URI.
img. Источник = новый BitmapImage (uri изображения) должен работать.
img.Source = new BitmapImage (new Uri ("/ images / my-image.jpg", UriKind.Relative ));
правильно разрешит корень приложения Silverlight, а "../images/my-image.jpg" - нет.
Это верно только для кода при динамической настройке источника изображения. Вы не можете использовать эту запись («/» для обозначения корня) в XAML (go fiquire, надеюсь, они это исправят)
Приведенный ниже код работал у меня только тогда, когда изображение было включено в проект как файл ресурсов:
img.Source = new BitmapImage(new Uri("/images/my-image.jpg", UriKind.Relative));
Я не могу получить доступ к URL-адресу с абсолютных URL-адресов. Ни даже URL-адреса фермы Flickr для изображений.
http://www.silverlightexamples.net/post/How-to-Get-Files-From-Resources-in-Silverlight-20.aspx
using System.Windows.Resources; // StreamResourceInfo
using System.Windows.Media.Imaging; // BitmapImage
....
StreamResourceInfo sr = Application.GetResourceStream(new Uri("SilverlightApplication1;component/MyImage.png", UriKind.Relative));
BitmapImage bmp = new BitmapImage();
bmp.SetSource(sr.Stream);