iT邦幫忙

0

vue渲染問題-執行沒出現錯誤 但是也沒出現設定的資料(已成功 範例放在文章最下方)

程式是網路上找來的範例
問題如標題所述...
請問我是還少做了什麼嗎?

執行畫面↓
https://ithelp.ithome.com.tw/upload/images/20201218/2013126267zT3wMZa1.png

詳細的code↓
https://ithelp.ithome.com.tw/upload/images/20201218/20131262gmdc39Yua1.png

也試過下面的方式,不過也一樣毫無反應
https://ithelp.ithome.com.tw/upload/images/20201218/20131262VdHXAjI931.png

成功範例↓
https://ithelp.ithome.com.tw/upload/images/20201218/20131262N35YZb1yqz.png
綜合回覆提到的內容 再加上修改排版方式就成功了
雖然沒有用到template 不過很接近我想要做到的樣式
這題就算是完結了^^

看更多先前的討論...收起先前的討論...
Homura iT邦高手 1 級 ‧ 2020-12-18 14:24:13 檢舉
templeate拿掉, script放在dom下面試試
itbubble iT邦新手 5 級 ‧ 2020-12-18 14:30:52 檢舉
謝謝你~ 有出現文字了
itbubble iT邦新手 5 級 ‧ 2020-12-18 14:34:16 檢舉
但是我不知道原因是什麼。還有其他問題想請教一下
問題1:不能用templeate嗎?
問題2:不能用templeate的話,這樣要怎麼做出自動渲染的li ?(如文章內的最後一張圖)
問題3:script不是插那裡都可以嗎?為什麼移到div下方就可以了?
你把 id 改放在 template 上就會渲染出來了
沒放 id 他就是普通的 template 不會做任何事 可以看一下MDN的介紹
https://developer.mozilla.org/zh-TW/docs/Web/HTML/Element/template

script 要放在 body 最下方才能確保可以抓到 dom 的所有元素
Homura iT邦高手 1 級 ‧ 2020-12-18 14:48:00 檢舉
有人回答了
template你需要經過定義過並用vue註冊方法註冊過才能work

https://vuejs.org/v2/guide/components.html

建議你還是從vue官網一步一步學不要直接抓範例來改好...
script放最body下面是因為有可能還沒讀完dom就先執行
所以才要放在body最下面
itbubble iT邦新手 5 級 ‧ 2020-12-18 16:06:32 檢舉
謝謝各位~我成功了^^

尚未有邦友回答

立即登入回答