![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Nie2014
这个作者很懒,什么都没留下…
展开
-
apexchart vue图形及名称整理
vue apexchart原创 2022-04-08 18:34:17 · 1331 阅读 · 1 评论 -
vue 中 proto文件的函数调用
1、编译proto在src文件夹下新建proto文件夹用以存放所有的.proto文件。在proto文件夹下打开终端,输入如下命令://进入proto文件夹执行下列编译,将helloworld.proto替换为当前的.proto文件名protoc -I=. helloworld.proto \ --js_out=import_style=commonjs,binary:. \ --grpc-web_out=import_style=commonjs,mode=grpcwebtext:.原创 2021-08-03 08:40:16 · 848 阅读 · 0 评论 -
vue el-pagination分页
使用el-pagination,实现效果:<!-- 页脚 :hide-on-single-page="true",则如果只有一页隐藏页码--> <div class="dev-footer"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="Paginati原创 2021-07-23 10:22:12 · 634 阅读 · 1 评论 -
CSS diaplay=“grid“未生效与display:block
1、CSS grid可以通过嵌套生成更灵活的页面布局。参考博客值得收藏的css grid构建复杂布局的小技巧!中代码示例<p class="container"> <p class="item">One</p> <p class="item">Two</p> <p class="item">Three</p> <p class="item inner-grid"> <p clas原创 2021-07-12 18:11:41 · 1553 阅读 · 1 评论 -
使用Vscode调试vue代码
如何在 VS Code 中调试浏览器中运行的通过 Vue CLI 生成的 Vue.js 应用程序官网解释先决条件安装了 VS Code安装扩展Debugger for ChromeDebugger for Firefox修改vscode配置1、修改config/index.js使用 Vue CLI 2打开 config/index.js 并找到 devtool property。将其更新为:devtool: 'source-map', 使用 Vue CLI 3请设置并更原创 2021-06-19 09:40:31 · 5735 阅读 · 0 评论 -
ApexCharts在vue下示例——线条
通过集成其针对Vue的包装组件vue-apexcharts来轻松地将ApexCharts与我们的Vue应用程序一起使用。如何在vue.js中添加配置apexcharts请参考在VUE中使用ApexCharts代码内容<template> <div id="chart"> <apexchart type="line" height="350" :options="chartOptions" :series="series" ></原创 2021-03-31 11:12:43 · 666 阅读 · 0 评论 -
在VUE中使用ApexCharts
安装Apexchartsnpm install --save apexcharts npm install --save vue-apexcharts安装之后,会在package.json的dependencies中找到这2个包文件:配置vue-apexcharts在main.js文件中,导入Vue和vue-apexcharts,创建一个名为apexchart的全局组件。import Vue from 'vue'import VueApexCharts from 'vue-apexchar原创 2021-03-31 11:01:12 · 1026 阅读 · 1 评论 -
vue旋钮控件——vue-knob-control
vue最简单的旋钮控件:A rotary knob control for Vue.js该控件特点:能显示当前的旋钮数值,同时也支持手动输入。控件导入vue项目1、全局安装该插件npm install vue-knob-control -S2、添加引用在项目中的main.js中添加如下:import Vue from 'vue'...import VueKnobControl from 'vue-knob-control'Vue.use(VueKnobControl)Vue.co原创 2021-03-25 17:13:48 · 1127 阅读 · 0 评论 -
nvm 管理多版本node常见方法
nvm管理多版本node1、查询当前使用的node版本:node -v2、查询当前所有已安装node:nvm ls3、安装特定版本的node:nvm install 8.11.34、更改默认node版本:nvm alias default 0.12.7 #设置默认 node 版本为 0.12.75、使用某个特定版本node:nvm use 4 #切换至 4.2.2 版本6、查询可安装的node版本:在编译时出现node版本不匹配的报错如下:当前安装版本v8.11.3,建议安原创 2021-03-11 09:41:02 · 209 阅读 · 0 评论 -
vue及H5中使用easywasmplayer H265播放器
EasyWasmPlayer播放器,就是一款能够同时支持HTTP、RTMP、HTTP-FLV、HLS(m3u8)、WS-FLV视频直播与视频点播等多种协议,重点在于该播放器是一款支持H5的播放器,可以兼容H.265编码格式视频在web浏览器上面的直播。参考资料:该播放器可以实现在html中集成以及vue中集成。具体的文档在easywasmplayer安装包的readme文档中有介绍。详细的html、vue示例代码:github示例项目代码官方的文档地址:开源中国:https://my.osch原创 2021-03-11 09:32:43 · 13667 阅读 · 23 评论