在使用 element-plus 组件库的时候,因为我是 Vite 下进行按需引入的,然后发现在使用 ElMessage 组件时无法弹出消息框,也没有错误、警告日志打印;翻了半天 element-plus 按需引入文档,也没有额外提示说需要如何做。搜索了半天发现关键字 CSS ,难道按需引入的时候还需要引入 CSS 吗?文档也没有说啊;然后我就在文档中全局搜索了 CSS 关键字,发现在手动导入时有个提示(应该是导入提示,但是这个缩进就很迷,让人分不清到底是什么鬼)
在使用 element-plus 组件库的时候,因为我是 Vite 下进行按需引入的,然后发现在使用 ElMessage 组件时无法弹出消息框,也没有错误、警告日志打印;翻了半天 element-plus 按需引入文档,也没有额外提示说需要如何做。搜索了半天发现关键字 CSS ,难道按需引入的时候还需要引入 CSS 吗?文档也没有说啊;然后我就在文档中全局搜索了 CSS 关键字,发现在手动导入时有个提示(应该是导入提示,但是这个缩进就很迷,让人分不清到底是什么鬼)
在实际开发过程中,因为浏览器的策略限制原因,导致我们使用一些测试 api 时,老是提示cors的考验问题,非常不方便;而小程序、iOS、Android等程序是不会有这个问题的。 我们以IMDB接口为例 此接口有短时间重复请求的限制 https://api.wmdb.tv/movie/api/generateimage?doubanId=1306123 接口来源:GitHub:https://github.com/iiiiiii1/douban-imdb-api …
❝ 相信你看了 【vue-plugin-hiprint】使用-进阶篇 已经知道了模板对象结构,如何查看可用API。本打印篇将讲解打印相关API及注意事项。 ❞ 源码链接: https://github.com/CcSimple/vue-plugin-hiprint-start 效果如下: 1.前言 首先我们应该清楚两种打印模式: 拖拽生成的html,创建iframe然后调用浏览器提供的printAPI 将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printA…
❝ 相信你看了 【vue-plugin-hiprint】使用-入门篇 已经知道了如何引入及构建设计器了。本进阶篇教大家如何进一步的构建设计器,包括第二种构建可拖拽元素(provider)、vue3组合式函数、常用API及如何查看可用API等。 ❞ 源码链接: https://github.com/CcSimple/vue-plugin-hiprint-start ▲本篇效果图 1.编写 provider 并 构建 这里将创建两个provider文件,用于演示如何在两个不同容器中去构建可拖拽元素。 1.…
❝ 【vue-plugin-hiprint】[1]默认分支是npm包及demo的融合代码;对于部分新手来说有点难以下手。本篇开始以新的 demo 开始讲述如何开始使用vue-plugin-hiprint。 ❞ demo项目通过create-vue[2]创建。默认 vue3。如果你有哪些不清楚的,欢迎各位留言反馈。demo链接见文末。 1.安装 npm i vue-plugin-hiprint 引入「打印样式」print-lock.css 从node_modules/vue-plugin-hiprint…
关于 provider 是「可拖拽打印元素」的关键,必须先初始化 可定义多个 「provider」 支持「动态添加」,「动态更新」 首先我们需要理解清楚它的对象格式,例如: export default function (options) { var addElementTypes = function (context) {}; return { addElementTypes: addElementTypes, }; } 看到上述代码,你是否明白了呢? 没明白没关系,往下看 ↓ // 导出一个 functio…
在Element UI的实际使用中,会碰见需要根据特定条件自动清空已经选择的Select内容或者Cascader内容,这个普通的数据重置方法不会让选项重置,内容是没有了,但是Select的状态还是有内容的状态; 所以此时就需要使用 this.$set(this.form, "taskType", ""); 来对数据选项以及数据进行重置。 <template> <el-select v-model="form.value" clearable placeholder="请…
Element UI中table-column嵌套el-dropdown导致dropdown组件在鼠标浮动或者点击时,不显示el-dropdown-menu的问题; 第一种:table-column直接嵌入el-dropdown组件 给column添加 <template slot-scope="scope"> <el-table-column> <!-- column --> <template slot-scope="scope"> <el-dropdown…
父组件传值给子组件,首先父组件发送的形式是用bind(用缩写:)绑定值到子组件身上。然后子组件用属性props接收。 子组件传值父组件,首先是子组件发送的形式是this.$emit(事件名,需要发送的值),事件名:父组件on监听的方法,父组件第一件事就是监听子组件发送过来的事件名,@事件名=获取值的方法。获取值的方法(值)*,就这样拿到了儿子发过来的值 兄弟传值,两个都要引入公共js->bus。首先是发送者,this.$emit(名字,值)。然后是接受者,this.$on("传过来的那个名字",…