vue/cli
vue/cli 安装、部署以及常遇问题
Hua_explore
这个作者很懒,什么都没留下…
展开
-
vue h 渲染函数
(一)、h(c1, c2, c3) 参数说明:(详细参数看最后说明) c1: 标签名 / 组件名(例如antd组件) c2: 子级[] / 属性{}, 组件的属性用props, 其他的,如类名'class',样式'style' c3: 文本(如果是有子级的话,则文本放在子级的第一个参数)(二)、使用1、可直接传入标签,前提是只能有一个父级,变量使用{}引入,在一些特殊情况不能用,例如要加入点击事件@...原创 2021-04-09 09:45:25 · 4183 阅读 · 0 评论 -
vue/cli vue-aplayer播放音频
1、中文文档地址: https://github.com/SevenOutman/vue-aplayer/blob/develop/docs/README.zh-CN.md#%E9%9F%B3%E4%B9%90%E4%BF%A1%E6%81%AF2、安装: npm i vue-aplayer -S npm i hls.js -S // 如果安装vue-aplayer报错,则需要安装 hls.js 依赖3、引入 import Aplayer from 'vue-apla...原创 2021-03-24 15:05:07 · 616 阅读 · 0 评论 -
vue/cli 视频播放 vue-video-player
1、下载: npm install vue-video-player -S npm install video.js -S // 先安装vue-video-player,如果报错再装video.js, 因为要依赖video.js2、组件引入 import { videoPlayer } from 'vue-video-player/src' // 注意这要到 /src import 'vue-video-player/src/custom-theme.cs...原创 2021-03-24 13:43:43 · 403 阅读 · 0 评论 -
在vue/cli中使用tinymce
(一、)在vue-cli中使用: 可以使用别人封装好的tinymce,或者自己封装 使用封装好的 @packy-tang/vue-tinymce : 地址:https://github.com/lpreterite/vue-tinymce-example/tree/master/vue 其实别人封装好的没有改到原插件,只是封装一个空的组件,把属性放出来,也就是tinymce有什么属性就传什么属性过去全局引入:1、安装npm i...原创 2021-03-08 18:31:33 · 937 阅读 · 0 评论 -
vue引入本地图片
1、<img src="@/assets/images/test.png" alt=""> 2、<img :src="require('@/assets/images/b_doc.png')" alt=""> 3、如果把图片放在public中,则可以使用相对路径 <img src="/public/images/test.png" alt="">...原创 2021-03-05 15:23:23 · 783 阅读 · 0 评论 -
json遍历成树结构 - 递归
1、json数据: created () { let testData = [ { "id": 10001, "name": "华南地区", "serial_no": "HNDQ01", "parent_id": 0, "level": 0 }, {原创 2021-02-05 18:14:36 · 584 阅读 · 0 评论 -
父子页面跨域通信 window.postMessage() / 监听route变化
方式1 : window.postMessage() 语法: 发送端:targetWindow.postMessage(message, targetOrigin, [transfer]) 备注:targetWindow 是接收消息的窗口的引用 1.1 父端:window.frames +索引值 : 如 window.frames[0] 1.2 子端:window.parent...原创 2021-01-29 10:12:56 · 3276 阅读 · 0 评论 -
vue 生成二维码
1、npminstallvue-qr --save2、importvueQr from'vue-qr'3、// logoSrc为logo的url地址(使用require的方式);text为需要转换为二维码的内容<vue-qr :logoSrc="image_url" text="qr_url" :size="200"></vue-qr> <script> export default { name: "qecode", ...原创 2021-01-25 13:52:40 · 106 阅读 · 0 评论 -
@vue/cli安装
(一)安装 1、 1.1、 vue -V : 先检查vue版本,如果是版本2的,先进行卸载再安装,如果是3的就不用再安装了 1.2、安装:npm install -g @vue/cli //如果之前安装过则不用安装 1.3、创建项目:vue create print-pro ///项目名 2、vue ui : 直接用图形化的形式创建(推荐使用)(二)需要安装的一些插件:(路由、vuex、less 在创建项目的时候已经选择安装上了)...原创 2021-01-22 11:55:34 · 176 阅读 · 0 评论