javascript - vue.directive 全局指令复用问题
黄舟
黄舟 2017-04-11 12:46:59
0
0
211

想实现页面内的markdown,markdown模块这些都没问题

注册一个全局指令

Vue.directive('mark', function (el) {
    el.innerHTML = el.innerText;
  });

然后使用

<p v-mark>{{ article.markdown }}</p>

问题是我第一个页面能够实现,而第二个页面却实现不了,p内为空,连markdown的文字都没有。

尝试修改全局指令,当如下时

Vue.directive('mark', {
   componentUpdated: function (el) {
    el.innerHTML = el.innerText;
    }
  });

第二个页面有效果了,但第一个页面却失去效果了。
请问这是为什么?

补充:
打开页面时没有markdown数据,但是隶属于同一article对象的date、title等数据能显示

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回覆(0)
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!