vue渲染自定义组件的坑-20190326

最新推荐文章于 2024-07-30 11:14:23 发布

rookie_zfy

最新推荐文章于 2024-07-30 11:14:23 发布

阅读量2.2k

点赞数

分类专栏：学习笔记文章标签： vue

本文链接：https://blog.csdn.net/zfy_rookie/article/details/88826268

版权

本文介绍了在Vue中创建自定义组件并使用父组件的render h函数进行渲染时遇到的问题，包括页面报错的详细情况。通过分析，找到了问题的解决方法，即在调用h函数时去除参数中的引号，以正确地渲染自定义组件。

摘要由CSDN通过智能技术生成

vue渲染自定义组件的坑

创建一个自定义组件

创建一个自定义组件

<template>
  <ul class="h-tag-close-tip">
    <li v-for="item in contextMenuData.menulists" :key="item.optionName" class="h-tag-close-tip-item" @click.stop.prevent="fnHandler(item)">
      <h-icon :name="item.iconName"></h-icon>
      <span>{
  {item.optionName}}</span>
    </li>
  </ul>
</template>
<script>
export default {
  name: 'ContextMenu',
  data () {},
  props: {
    contextMenuData: {
      [...]
    }
  },
  methods: {
    fnHandler (item) {
      this.$emit(item.fnHandler)
    }
  }
}
</script>

<style scoped>

</style>