ue4动态阴影怎么调

可以使用Vue中的混入(mixins)来创建一个动态阴影的混入,然后在需要使用的组件上全局mixin这个混入就可以了 。
混入代码可以如下:
```js
import { ref, watch } from 'vue';
export default {
data() {
const boxShadow = ref(null);
const hoverStyle = ref(null);
return { boxShadow, hoverStyle };
},
watch: {
hoverStyle(hoverStyle) {
let newBoxShadow = `${hoverStyle.shadowOffsetX}px ${hoverStyle.shadowOffsetY}px ${hoverStyle.shadowBlurRadius}px rgba(${hoverStyle.shadowColor},${hoverStyle.shadowOpacity})`;
this.boxShadow.value = http://2023.evianbaike.com/baike/newBoxShadow;
}
},
mounted() {
this.boxShadow.value = 'http://2023.evianbaike.com/baike/0px 0px 0px rgba(0,0,0,1)';
watch(
() => this.hoverStyle,
(v) => {
if (v) {
this.boxShadow.value = http://2023.evianbaike.com/baike/`${v.shadowOffsetX}px ${v.shadowOffsetY}px ${v.shadowBlurRadius}px rgba(${v.shadowColor},${v.shadowOpacity})`;
}
【ue4动态阴影怎么调】 },
{ deep: true }
);
}
}
```
然后在main.js或者任何需要使用阴影的组件中:
```js
import ShadowMixin from './ShadowMixin';
Vue.mixin(ShadowMixin);
```

    推荐阅读