拾光°の博客

登录

/

注册

标签搜索

搜索到 11 篇与的结果

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 评论

通过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 评论

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 评论

vue组件间的通信

vue组件间的通信

组件的通信父组件向子组件通信props方式加属性绑定//这是html 模板 <div id="app"> // 1.使用自定义属性绑定父组件传过来的数据 <temp-div :msg='msg'></temp-div> </div>//子组件 Vue.component('temp-div', { // 2.用props 来接收父组件传过来的数据 props: ['msg'], template: ` <div> <div>{{msg}}</div> </div> `, })//父组件 var app = new Vue({ el: '#app', data: { msg: '我是父组件的数据' } })注意props是...

拾光°

2021-04-06

javascript,技巧,vue

219 阅读

0 评论

2021年04月06日

219 阅读

0 评论

CSS 速查笔记

CSS 速查笔记

CSS 速查笔记CSS 学习套路找它，利用选择器，把对应标签选出来；摆它：利用布局样式（标准流、浮动、定位等），把盒子摆在需要的位置；标准流可以从上向下摆放块级盒子，从左向右摆放行内盒子；浮动可以从左向右摆放多个块级盒子，盒子之间没有缝隙并且顶端对齐；定位可以让盒子：摆放在另一个盒子中的任意位置（子绝父相）或者固定在屏幕中的某个位置。改它：利用外观样式（字体、文本、背景等），修改盒子内容的显示效果。一. 三种引入 CSS 的方式样式表优点缺点使用频率控制范围注意点行内书写方便，权重高结构样式混合低控制一个标签不需要 style 标签内部部分结构和样式分离没有彻底分离较多，授课和练习使用控制一个页面样式定义在 style 标签中外部完全结构和样式分离需要 link 引入多可以被多处复用样式定义在标签的 style 属性中二. 选择器（找它）2.1 基础选择器基础选择器作用特点使用频率☆ 标签选择器选中相同标签统一设置相同标签的样式，没有差异化较多☆ 类选择器(.)按需选择标签根据需求选择非常多id 选择器(#)选中唯一标签仅针对唯一标签通常与 JavaScript 联用通配符选择器...

拾光°

2021-04-05

222 阅读

0 评论

2021年04月05日

222 阅读

0 评论

1
2
3

拾光°

24 文章数

371 评论量

人生倒计时

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

热门文章