Nie2014的博客

vue apexchart

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:.

使用el-pagination，实现效果：<!-- 页脚 :hide-on-single-page="true"，则如果只有一页隐藏页码--> <div class="dev-footer"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="Paginati

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

如何在 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请设置并更

通过集成其针对Vue的包装组件vue-apexcharts来轻松地将ApexCharts与我们的Vue应用程序一起使用。如何在vue.js中添加配置apexcharts请参考在VUE中使用ApexCharts代码内容<template> <div id="chart"> <apexchart type="line" height="350" :options="chartOptions" :series="series" ></

安装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

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

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，建议安

EasyWasmPlayer播放器，就是一款能够同时支持HTTP、RTMP、HTTP-FLV、HLS（m3u8）、WS-FLV视频直播与视频点播等多种协议，重点在于该播放器是一款支持H5的播放器，可以兼容H.265编码格式视频在web浏览器上面的直播。参考资料：该播放器可以实现在html中集成以及vue中集成。具体的文档在easywasmplayer安装包的readme文档中有介绍。详细的html、vue示例代码：github示例项目代码官方的文档地址：开源中国：https://my.osch