悬浮的青春 发布于 2022-09-02 16:10
限定范围的插槽非常有趣,但为了使用它们,您还必须使用许多模板标记。
幸运的是,有一个简写可以让我们摆脱它,但只有在我们使用单个作用域槽的情况下。
普通写法:
不使用 template:
<DataTable #header="tableAttributes">
<TableHeader v-...
悬浮的青春 发布于 2022-09-02 16:09
与其使用v-if,有时使用v-show来代替,会有更高的性能。
<ComplicatedChart v-show="chartEnabled" />
复制代码
当v-if被打开或关闭时,它将创建并完全销毁该元素。相反,v-show将创建该元素并将其留在那里,通过设置其样式为display: none来隐藏它。
如果你要切换的组...
悬浮的青春 发布于 2022-09-02 16:07
你可能不知道这一点,我们可以通过使用引号轻松地直接监听嵌套值:
watch {
'$route.query.id'() {
// ...
}
}
悬浮的青春 发布于 2022-09-02 16:06
Vue中的槽可以有默认的内容,这使我们可以制作出更容易使用的组件。
button class="button" @click="$emit('click')"
Click me
我最喜欢使用默认槽,就是用它们来创建扩展点。
我们可以取组件的任何部分,将其封装在一个插槽中,在外面我们可以用想要的任何内容覆盖组件的该部分。默认情况...
悬浮的青春 发布于 2022-09-02 16:04
使用 prop 定义中的 validator 选项,可以将一个 prop 类型限制在一组特定的值中。
export default {
name: 'Image',
props: {
src: {
type: String,
},
style: {
type: String,
validat...
悬浮的青春 发布于 2022-09-02 15:53
是不是还在手写按钮、文本字体等简单样式?这些工具就可以帮你快人一步,赶快用起来吧!
01 CSS Button Generator
地址:cssbuttongenerator.com
02 花式边界半径
地址:9elements.github.io/fancy-border-radius/
03 平滑阴影
地址:shadows.brumm.af
04 阴影生...
悬浮的青春 发布于 2022-08-30 15:13
Git 修改历史 commits 中的用户名和邮箱
搜索
复制
悬浮的青春 发布于 2022-03-30 16:37
近日,Spring框架被曝出RCE 0day漏洞,可导致远程代码执行 (RCE),使用JDK9及以上版本皆有可能受到影响,目前已经有该漏洞的在野利用。由于该漏洞攻击面较广,潜在危害严重,提醒广大用户尽快排查漏洞情况,降低安全风险。