<nut-avatar-cropper shape="square" @confirm="confirm">
<nut-avatar size="large" shape="square">
<img v-if="imageUrl" :src="imageUrl" />
</nut-avatar>
</nut-avatar-cropper>
<script setup>
import { ref } from 'vue'
const imageUrl = ref('')
const confirm = (url) => {
imageUrl.value = url
}
</script>
NutUI 包名
@nutui/nutui-taro
NutUI 版本号
@nutui/nutui-taro": "^4.3.13"
平台
tt
重现链接
https://nutui.jd.com/playground/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA8bnV0LXNwYWNlPlxuICAgIDxudXQtYXZhdGFyLWNyb3BwZXIgc2hhcGU9XCJyb3VuZFwiIEBjb25maXJtPVwiY29uZmlybVwiPlxuICAgICAgPG51dC1hdmF0YXIgc2l6ZT1cImxhcmdlXCIgc2hhcGU9XCJyb3VuZFwiPlxuICAgICAgICA8aW1nIHYtaWY9XCJpbWFnZVVybFwiIDpzcmM9XCJpbWFnZVVybFwiIC8+XG4gICAgICA8L251dC1hdmF0YXI+XG4gICAgPC9udXQtYXZhdGFyLWNyb3BwZXI+XG5cbiAgICA8bnV0LWF2YXRhci1jcm9wcGVyIHNoYXBlPVwic3F1YXJlXCIgQGNvbmZpcm09XCJjb25maXJtXCI+XG4gICAgICA8bnV0LWF2YXRhciBzaXplPVwibGFyZ2VcIiBzaGFwZT1cInNxdWFyZVwiPlxuICAgICAgICA8aW1nIHYtaWY9XCJpbWFnZVVybFwiIDpzcmM9XCJpbWFnZVVybFwiIC8+XG4gICAgICA8L251dC1hdmF0YXI+XG4gICAgPC9udXQtYXZhdGFyLWNyb3BwZXI+XG4gIDwvbnV0LXNwYWNlPlxuPC90ZW1wbGF0ZT5cblxuPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmNvbnN0IGltYWdlVXJsID0gcmVmKCcnKVxuY29uc3QgY29uZmlybSA9ICh1cmw6IHN0cmluZykgPT4ge1xuICBpbWFnZVVybC52YWx1ZSA9IHVybFxufVxuPC9zY3JpcHQ+XG4ifQ==
重现步骤
代码如下
![]()
<nut-avatar-cropper shape="round" @confirm="confirm">
期望的结果是什么?
怎么解决
实际的结果是什么?
环境信息
No response
其他补充信息
No response