問題描述使用vue的extends,mixins制作頁面模版。 如何繼承template,或是有更好的模版方式?問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法正在使用vue(vue-cli)制作一個極多子頁面的網(wǎng)頁app。這些子頁面通常有固定幾種形式,比如左側(cè)列表右側(cè)明細,同時有增/刪/取消/確認四個按鈕。因此制作一些通用的模版很有用。 此時產(chǎn)生了使用extends來制作和繼承模版的想法:extends中,data/methods等選項都很容易理解和使用, 主要是template的內(nèi)容,測試發(fā)現(xiàn)template是會覆蓋的,繼承者必須完全兼容被繼承組件的template內(nèi)容才能達到效果?;蛘呃^承者的template為空,就會使用被繼承組件的template,但這沒用。相關(guān)代碼// App.vue
...<script>import ExtendsSample from './components/ExtendsSample.vue'export default { name: 'App', extends: ExtendsSample,
data () {
...你期待的結(jié)果是什么?實際看到的錯誤信息又是什么?希望找到能有部分template繼承性的模版方式
vue extends 頁面模版
慕桂英4014372
2018-10-24 10:40:07