有没有在方法上使用 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) 我想用 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?如果是,如何解决这个问题。
我想使用对象析构来简化我的代码。我从服务器获取数据并且解析是对象:
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)
如何为这种对象做功能?