第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

Vue中如何引入一個html（包含css/js）作為一個模塊

Vue中如何引入一個html（包含css/js）作為一個模塊

搖曳的薔薇 2018-11-20 18:14:30
代碼框架是vue+webpack+node想在Vue寫的頁面中引入一個markdown插件editor.md https://github.com/pandao/edi... 作為一個模塊但是editor.md并不能通過npm安裝editor.md插件的html代碼：效果如下：想把這個當做一個模塊放到vue實現(xiàn)的頁面中，不知該如何做到
查看完整描述

1 回答

?
繁花如伊

TA貢獻2012條經(jīng)驗 獲得超12個贊

類似的第三方插件，都可以用這樣的方式組織成一個vue組件：

<template>

<div id="id">

    <textarea></textarea>

</div>

</template>

<script>

import scriptjs from 'scriptjs'

export default {

    props: {

        id: String

    },

    mounted() {

        // 獲取依賴的資源 - 如果需要異步加載的話

        Promise.all([

            scriptjs('jquery.min.js'),

            scriptjs('editormd.min.js')

        ])

        .then(() => {

            // do your logic.

            // 實例化，綁定事件等操作

        })

    },

    destoryed() {

        // 解綁全局事件

        // 銷毀實例

    },

    methods: {

        // 返回一些有用的函數(shù)

    }

}

</script>

實例化之后，監(jiān)聽實例提供的方法；然后再$emit給使用者，再提供一些get方法用于獲取內(nèi)部屬性，等等。

具體的實現(xiàn)可以參考vue-ueditor、vue-echarts類似的。

使用方法：

<editor-md id="editormd" @update="doUpdate"></editor-md>


查看完整回答
反對 回復(fù) 2018-12-19
  • 1 回答
  • 0 關(guān)注
  • 6478 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號