01 2020 档案

vue动态生成组件
摘要:完整的代码, 可以复制引用 单个组件引用,引入此文件js。全局使用,注册到vue的main文件Vue.prototype.create = Create create.js import Vue from 'vue'; import Toast from './toast'; // 导入Toast组 阅读全文

posted @ 2020-01-12 19:29 完美前端 阅读(8310) 评论(0) 推荐(0)

slot插槽
摘要:<!-- 插槽组件 --> <section class="hello"> <!-- 默认插槽,如果在使用组件时没有提供内容,将显示"Welcome" --> <slot>Welcome</slot> <!-- 具名插槽,名为"content"。这意味着当使用组件时,可以为这个插槽提供特定的内容 - 阅读全文

posted @ 2020-01-12 14:55 完美前端 阅读(449) 评论(0) 推荐(0)

provide 和 inject高阶使用
摘要:// 祖先组件 <script> export default { name: 'App', // 通过provide方法,祖先组件向其所有后代组件提供了数据或方法 provide () { return { // 这里我们提供了foo,它的值是zmsg的值 foo: this.zmsg } }, 阅读全文

posted @ 2020-01-12 14:40 完美前端 阅读(440) 评论(0) 推荐(0)

js正则验证表达式验证
摘要:合法 URL 验证 // 合法URL验证函数 export function validateURL(textval) { const urlregex = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\*\+,;= 阅读全文

posted @ 2020-01-08 10:10 完美前端 阅读(875) 评论(0) 推荐(0)

导航