小编Rik*_*iku的帖子

我在 Nuxt 上使用 Tiptap。然后我为编辑器创建一个单独的组件。

然后为了在编辑器上设置内容。我正在使用reference和setContent功能。

但我得到了一个错误：

类型错误：无法读取 null 的属性“matchesNode”

我尝试在组件上添加no-ssr和forceupdate，但仍然无法正常工作

setContent (value) {
 let vm = this
 setTimeout( function () {
  if (value) {
   vm.editor.setContent(value, true)
   vm.$forceUpdate()
  }
 }, 3000)
}

它应该传递给应该在编辑器上呈现的函数的值。

是否可以渲染具有源属性的图像对象？

<template>
  <div v-html="image">
    {{ image }}
  </div>
</template>
<script>
export default {
  data () {
    return {
      image: new Image(),
      loading: true
    }
  },
  props: ['source'],
  created () {
    console.log(this.image)
    if (this.image) {
      this.image.onload = function (event) {
        console.log(event)
      }
      this.image.src = this.image
    }
    // this.src = this.image
  }
}
</script>

<style>

</style>

我只是想知道道具源是否已加载，然后我将渲染它。否则我会渲染其他东西，但我没有将其包含在代码片段中。

谢谢！

我是反应和打字稿的新手。我正在尝试在全局主题上扩展调色板。

在我的 themeConitainer.tsx

import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';

declare module '@material-ui/core/styles/createPalette' {
  // allow configuration using `createMuiTheme`
  interface Palette {
    accent: PaletteColor
  }
  interface PaletteOptions {
    accent: PaletteColorOptions,
    tertiary: PaletteColorOptions
  }
};

const ThemeContainer: React.FunctionComponent<Props> = (props, themeOptions: ThemeOptions) => {
  const { children } = props;

  const theme = useMemo(() => {
    const nextTheme = createMuiTheme({
      ...themeOptions,
      palette: {
        accent: {
          main: '#ff0000'
        },
      }
    });

    return nextTheme;
  });

  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
};

export default ThemeContainer;

但是在我的组件上，出现了错误。

此调用没有过载。 …