小编Bla*_*bla的帖子

使用 Vue.js 3 和 lodash debounce 功能

有没有在方法上使用 lodash debounce 的解决方案?我还需要函数中的“this”。例子:

data() {
    info: 'Read Me!'
},
methods: {
  readData() {
      console.log(this.info)
  }
}
Run Code Online (Sandbox Code Playgroud)

在 Vue2 中我可以使用:

methods: {
  readData: debounce(function() {
      console.log(this.info)
  }, 500)
}
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vue-component vuejs3

7
推荐指数
1
解决办法
5809
查看次数

Tailwindcss 与 SCSS

我想用 Tailwindcss 实现 SCSS 插件。除了我的自定义类之外,所有内容都已编译。

npm 脚本: "tw:scss": "tailwindcss --postcss -i ./src/style/index.scss -o ./src/dist/style.css"

主 scss 文件(我还尝试了基本的 @tailwind 基础、@tailwind 组件、@tailwind 实用程序导入):

@import "tailwindcss/base";
@import "tailwindcss/components";  
@import "tailwindcss/utilities";

@import "./_general.scss";  
@import "./card.scss";
Run Code Online (Sandbox Code Playgroud)

卡.scss:

@layer components {
    .card {
    @apply bg-very-dark-blue-second rounded-lg w-11/12 p-4;
  }
}
Run Code Online (Sandbox Code Playgroud)

_general.scss:

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap");`  
body {
  font-family: "Outfit", sans-serif;
}
Run Code Online (Sandbox Code Playgroud)

postcss.config.js:

module.exports = {
  plugins: [
    require("postcss-import"),
    require("tailwindcss"),
    require("autoprefixer"),
  ],
};
Run Code Online (Sandbox Code Playgroud)

当我开始时npm run tw:scss,仅_general.scss被转译。问题是,是否可以以这种方式使用 scss?如果是,如何解决这个问题。

css sass tailwind-css

6
推荐指数
0
解决办法
1617
查看次数

销毁嵌套对象

我想使用对象析构来简化我的代码。我从服务器获取数据并且解析是对象:

data = {
  current: {
     humidity: 73
  }
}
Run Code Online (Sandbox Code Playgroud)

最终函数应如下所示,但这不起作用:

extractData({data.current.humidity: humidity  }) {
            return { humidity };
        }

extractData(data);
Run Code Online (Sandbox Code Playgroud)

如何为这种对象做功能?

javascript ecmascript-6

2
推荐指数
1
解决办法
57
查看次数