拾光°の博客

登录

/

注册

标签搜索

热门文章

最新文章

2024加油啊！！！

vue 中的 .sync 修饰符与 this.$emit('update:key', value)

vue 中的 .sync 修饰符与 this.$emit('update:key', value)

vue 中 .sync 修饰符，是 2.3.0+ 版本新增的功能其实就是一个语法糖在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且在父组件和子组件两侧都没有明显的变更来源。这也是为什么我们推荐以 update:myPropName 的模式触发事件取而代之。举个例子，在一个包含 title prop 的假设的组件中，我们可以用以下方法表达对其赋新值的意图：在子组件中，props 中使用 title，然后修改 title 为新的值，并通知父组件：this.$emit('update:title', newTitle)然后父组件可以监听那个事件并根据需要更新一个本地的数据 property。例如：<text-document v-bind:title="doc.title" v-on:update:title="doc.title = $event" > </text-document>为了方便起见，我们为这种模式提供一个缩写...

拾光°

2022-02-22

320 阅读

0 评论

2022年02月22日

320 阅读

0 评论

常用的vue插件

常用的vue插件

总结简单易用组件vue-count-to 简洁的数字滚动组件vue-count-to是一个无依赖，轻量级的vue组件<template> <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo> </template> <script> // 引入组件 import countTo from 'vue-count-to'; export default { components: { countTo }, data () { return { startVal: 0, endVal: 2017 } } } </script>参数属性描述startVal开始值endVal结束值duration持续时间，以毫秒为单位autoplay自动播放decimals要显示的小数位数decimal十进制分割separator分隔符pref...

拾光°

2022-02-16

300 阅读

0 评论

2022年02月16日

300 阅读

0 评论

通过component标签加上is属性动态切换组件

通过component标签加上is属性动态切换组件

利用component组件和is属性来控制页面里面展示内容比如后台系统要实现普通用户跳转普通页面，而管理员用户跳转管理页面的这种情况就可以使用这种方式来解决一、使用方法也简单  <template> <div class="dashboard-container">  <component :is="currentRole" /> </div> </template>然后引入不同的组件// 管理员页面 import adminDashboard from './admin' // 普通页面 import editorDashboard from './editor' export default { // 同一注入一下 components: { adminDashboard, editorDashboard }, } 加载页面的时候...

拾光°

2022-02-16

325 阅读

0 评论

2022年02月16日

325 阅读

0 评论

css三角，scc丝带

css三角，scc丝带

思路1 利用css三角思路是用两个css三角一大一小，小的压住大的丝带就出来了，然后文字逆时针旋转45度就好了<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css丝带</title> </head> <style> /* 案例1 */ /* 案例1 */ /* 案例1 */ .main { position: relativ...

拾光°

2022-01-05

180 阅读

0 评论

2022年01月05日

180 阅读

0 评论

node托管静态文件

node托管静态文件

const express = require("express") const app = express() // 要托管的文件夹 app.use(express.static("www")) app.listen(8089, () => { console.log("服务开启在8089端口") })

拾光°

2022-01-05

304 阅读

0 评论

2022年01月05日

304 阅读

0 评论

拾光°

24 文章数

371 评论量

人生倒计时

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

热门文章