小编env*_*nvy的帖子

我有一个 SVG 形状，用作clip-path图像的顶部 - SVG 形状应跟随鼠标的位置。

如果我使用clip-path:circle()，我可以让它工作，但如果使用则不行clip-path: url(#idOfMask)

就像使用 SVG 作为剪辑路径时我无法动态更改剪辑路径位置一样。？

clip-path: circle(100px at var(--clip-position) );
//clip-path: url(#mask at var(--clip-position)) ); //Doesnt work


$body.mousemove(function(e){  
  $cImg.css('--clip-position', `${e.pageX}px ${e.pageY}px`);  
});

完整代码

clip-path: circle(100px at var(--clip-position) );
//clip-path: url(#mask at var(--clip-position)) ); //Doesnt work


$body.mousemove(function(e){  
  $cImg.css('--clip-position', `${e.pageX}px ${e.pageY}px`);  
});

//const cImage = document.getElementById('clipped-image');
const $cImg = $('#clipped-image');
const $body = $('body');

$body.mousemove(function(e){  
  $cImg.css('--clip-position', `${e.pageX}px ${e.pageY}px`);  
});

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
} …

我有一个自定义挂钩，其中有一个本地状态：但是，当我使用 toRefs() 导出状态并使用该状态是另一个组件时，我收到错误：“类型‘Ref’不可分配给类型‘布尔值’”

钩子：

interface StateModel {
  isLoading: boolean;
  isError: boolean;
  errorMessage: string;
  data: object | null;
}

export default function useAxios(url: string, data: object) {
  const state: StateModel = reactive({
    isLoading: true,
    isError: false,
    errorMessage: '',
    data: null
  });

  const fetchData = async () => {
    try {
      const response = await axios({
        method: 'GET',
        url: url, // '/test_data/campaign.json'
        data: data
      });
      state.data = response.data;
    } catch (e) {
      state.isError = true;
      state.errorMessage = e.message;
    } finally {
      state.isLoading …

我已将 .hosts 文件设置为：127.0.0.1 local.mydomain.dk

然后在我的 nuxt 配置文件中，我设置了：

server: {
  port: 3000, // default: 3000
  host: 'local.mydomain.dk' // default: localhost
},

最后但并非最不重要的是，在 package.json 中：

"dev": "nuxt --hostname local.mydomain.dk --port 3000",

但是，在运行 npm run dev 时，Nuxt 仍然在 localhost:3000 上启动，而不是我的自定义域？如果我尝试在浏览器中访问我的自定义域，我会收到一条消息“无法访问站点”

还有什么可以设置 Nuxt 在本地域上运行吗？