<script setup lang='ts'>不能设置name的情况

Question

老师，在script标签中不添加setup属性时，如下情况

测试可以定义name属性，

如果使用<script setup lang='ts'>的情况下，name属性就没法设置了，怎么办？因为实际的项目中会遇到组件调用自己的情况，该怎么办呢？

Answer 1

张轩 2022-10-14 09:35:07

同学你好 可以看看这个回答：stackoverflow.com/questions/67669820/how-to-define-component-name-in-vue3-setup-tag

对于这种情况，我们可以有两个 script，一个是 setup 一个是没有的。比如：

1 2 3 4 5 6 7 8 9 10 11 12

<script>   export default    {           name: 'CustomName',          inheritAttrs: false,           customOptions: {}   } </script>     <script setup>   // script setup logic </script>

• 提问者 qq_随心而动_3 #1

  非常感谢！谢谢老师