如何在Vue2的render方法中限制样式作用域？

• Z时代
• 2024-02-06
• 分类：IT

Vue2的render来编写组件，如下：

// 引入css文件
import "./style.css";
export default {
  name: "customPage",
  data() {
    return {};
  },
  methods: {},
  render: function (h) {
    return <p class="title">Hello render</p>;
  },
};

现在的问题是它的样式无法设置为局部样式，导致全局样式被污染了，请问该如何解决？

目前没有找到解决办法。

回答：

可以试试写个单文件组件，然后在这个组件的style标签上设置scoped，标签内@import样式文件

以上是 如何在Vue2的render方法中限制样式作用域？ 的全部内容， 来源链接： utcz.com/p/935281.html