qq_34873263-CSDN博客

原创 vue封装echart图数据导出excel表格插件

vue封装echarts图数据换成excel数据下载插件

2022-03-04 15:26:46 1526

效果图第一步在html文件里面引入相关js<script src="http://oemcustom.gsdata.cn/hjdp/static/js/three.min.js"></script><script src="https://johnson2heng.github.io/three.js-demo/lib/threebsp.js"></script>第二步3d饼图组件代码<templat

2021-02-26 16:05:46 547

原创 icon如何在页面中使用

icon如何在页面中使用第一步：先生成所需要的图标2：选到fontclass，复制css地址。需要在app.vue页面中引入在icon里面生成的css地址； @import "//at.alicdn.com/t/font_2210789_uot6p5u31ac.css";3：复制需要的图标类名，然后页面中直接用类名去使用<i class="iconfont icon-xxx"></i>...

2021-01-14 17:16:41 619

原创 vue项目中请求接口的使用

Vue.js的插件提供了使用XMLHttpRequest或JSONP 发出Web请求和处理响应的服务。特征支持Promise API和URI模板支持请求和响应的拦截器支持最新的Firefox，Chrome，Safari，Opera和IE9 + 支持Vue 1.0和Vue 2.0 紧凑的大小14KB（压缩5.3KB）安装您可以通过纱线或NPM进行安装。（我的项目使用npm...

2018-07-27 09:53:57 14223 1

vue组件的使用.md

vue组件的使用 1组件就是一个vue文件，在一个vue文件里面去使用组件，首先需要引用，并注册，代码如下 import Zujian1 from './Zujian1.vue' export default{ components:{Zujian1}, name:"Index", data(){ return{ } } } 2组件文件如下所示 <template> <div> <h1>hello</h1> </div> </template> [removed] export default{ name:"Zujian1", data(){ return{ } }, mounted() { }, methods:{ } } [removed] &lt;style&gt; &lt;/style&gt; 3组件间的传值，父组件传值给子组件props。并在子组件调用子组件方法，需要引用的文件代码实例如下 <template> <div> <Zujian1 v-for="post in posts" v-bind:key="post.id" v-bind:title="post.title"></Zujian1> </div> </template> [removed] import Zujian1 from './Zujian1.vue' export default{ components:{Zujian1}, name:"Index", data(){ return{ posts: [ { id: 1, title: 'My journey with Vue' }, { id: 2, title: 'Blogging with Vue' }, { id: 3, title: 'Why Vue is so fun' } ] } } } [removed] &lt;style&gt; &lt;/style&gt; 引用文件完整代码如下 <template> <div> <h1 @click="ceshi">{{counter}}</h1> </div> </template> [removed] export default{ name:"Zujian1", props: ['title'], data(){ return{ counter: this.title } }, mounted() { }, methods:{ ceshi(){ alert&#40;this.counter&#41; } } } [removed] &lt;style&gt; &lt;/style&gt;

2019-05-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人