iT邦幫忙

0

Vue router問題

  • 分享至 

  • xImage

Hi 各位大大好
又有關於vue的問題想詢問各位一下
關於vue router問題
vue在設定router的時候都會用到component來指定
但是如果我只是純的html 並不是vue cli的話
有辦法使用vue router嗎?
等於說我的component引用的應該是要另外一個純的html 但是我目前嘗試了都沒有辦法
想請問是不是我的觀念錯誤了 想請高人指點一下謝謝

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
EN
iT邦好手 1 級 ‧ 2021-07-07 00:18:28

你應該要把 Component 的 html 寫在 JS 吧,有點像是這樣

看更多先前的回應...收起先前的回應...
Mikey iT邦新手 5 級 ‧ 2021-07-07 09:26:31 檢舉

您好,很謝謝您對我的回答QQ,我有想過這寫法,但是我每個component裡面都還會做事情,就是也會做MVVM的事情,所以想說拆開來寫,看有沒有辦法

EN iT邦好手 1 級 ‧ 2021-07-07 12:50:12 檢舉

範例中的 Home 組件裡面也有自己的函式方法,這樣不能達到你的需求嗎?

froce iT邦大師 1 級 ‧ 2021-07-07 13:17:14 檢舉

不要浪費自己的生命好嗎? = =a
vue-cli都幫你搞好的東西...乖乖用vue-cli,html要用組件很難用。

用script引用vue的模式,我只會用在非常簡單的頁面。

Mikey iT邦新手 5 級 ‧ 2021-07-09 13:48:26 檢舉

回應Peter,我後來用ajax去呼叫靜態的html 回傳給router的component,目前這樣是可以讀取到靜態頁面,但是如果在test.html裡面做script就會造成網頁整個當機,目前還在嘗試解決這問題。

runFun();
        var Home;
        async function runFun() {
            await getPage();
            await router();
        }
        function getPage() {
            console.log("getPage");
            $.ajax({
                'async': false,
                'type': 'GET',
                'global':false,
                url: "/Views/test/test.html"
            }).done(function (data) {
                 Home = data;
            });
        }
        function router() {
            console.log("router");
            console.log(Home);
            const About = { template: '<div>About</div>' }
            console.log(About);
            const Test = { template: Home }
            console.log(Test);
            const routes = [
                { path: '/', component: Test },
                { path: '/about', component: About },
            ]
Mikey iT邦新手 5 級 ‧ 2021-07-09 13:50:17 檢舉

回應force,我也很不想這樣做,我也想乖乖用cli,但是被要求就是這樣,所以我無能為力。

EN iT邦好手 1 級 ‧ 2021-07-09 15:20:17 檢舉

n1056444
如果是這樣我也沒輒了 XDDD
看你能不能說服要求你的人改用 Vue-cli ,因為你的情況沒道理不去用他...

我要發表回答

立即登入回答