使用 script setup的方式 定义的变量作用到指令中不生效
来源：7-4 搜索页面 Suggest 组件开发（02）
匆匆又夏天丶
2021-06-02
老师，通过setup属性的方式进行语法简写，发现在script中定义的变量使用在指令上不管用，当换成正常的export default语法的形式，变量在setup通过return的方式返回是正常的，老师这个问题是不是我script setup的方式使用的不对？有解吗？
<div v-loading:[loadingText]="loading" v-no-result:[noResultText]="noResult"></div>
<script setup>
const loadingText = ref('')
const noResultText = ref('抱歉，暂无搜索结果')
const loading = computed(() => {
return !singer.value && !songs.value.length
})
const noResult = computed(() => {
return !singer.value && !songs.value.length && !hasMore.value
})
</script>
写回答
2回答
-
qq_汤先生_0
2022-06-08
能用啊，我也是用的script setup
00 -
ustbhuangyi
2021-06-03
不太推荐用 script setup，这个太依赖编译了，但是有可能会出现一些问题，甚至会阻碍一些组件的正常用法，比如在 export default 外面去写一些 JS 代码
00
相似问题