- 博客(14)
- 资源 (8)
- 收藏
- 关注
原创 创建UI组件库后上传NPM
在页面上输入你想查询下载量的npm包名指定日期范围,可以查看该报告的下载数。8.等待发布完成:如果一切顺利,你的项目将被上传到npm仓库,你应该能在你的npm账户的“已发布的包”部分看到它。注意:在发布之前,请确保你的代码已经经过充分的测试,并遵循了发布开源软件的最佳实践。上篇已经讲了如何创建自己的组件库,这篇讲怎么上传npm后,可以下载使用。7.发布项目:在你的命令行或终端中,确保你处于项目的根目录,然后运行。注册一个npm账户。这将允许你将你的项目上传到npm仓库。命令,将你的项目发布到npm仓库。
2023-07-05 14:00:15
1439
原创 教你制作自己vue的组件库(仿ElementUI)
1.首先自己创建个新的vue项目,之后更改下目录形式,将src文件更改为examples,这里是专门放组件展示的md文件,packages文件里是放自己写的组件代码。Icon组件的字体图标可以从字体图标库自己选择下载,放到fonts文件中,之后在icon.scss中引用,这个就不细说了。2.然后是开始配置vue.config.js文件 ,其中md-loader是读取md文件的相关配置。3.配置好了之后,就可以开始写组件了,这里就举个简单的例子,Icon的组件。之后就可以使用组件了。
2023-06-06 14:32:49
1988
原创 Vue编写的组件库具备按需引入和全局引用的功能
现在,我们已经为组件库提供了按需引入和全局引用的功能。下面是如何在项目中使用这两种功能的方法。
2023-05-22 11:07:33
781
1
原创 ElementUI form表单动态校验rules设置
我这里是获取出数据后要单独push到新的数组里,没有做v-for循环,原理是一样的,如果遇到只是清除校验提示语的话可以用这个 this.$refs[formName].clearValidate();有些项目的需求是表单是动态获取到的,没有固定的标题和填写选项,这时候ElementUI里的form静态表单校验就不行了,可以参考下面的方式尝试一下。
2023-05-18 17:29:11
575
1
原创 vue-cli3.0用lib-flexible、postcss-px2rem-exclude实现移动端适配,解决第三方ui库样式变小问题,如:vant
第一部分:项目中引入lib-flexible一、项目中安装lib-flexiblenpm install lib-flexible 二、在项目的入口main.js文件中引入lib-flexibleimport 'lib-flexible'第二部分:使用postcss-px2rem-exclude自动将css中的px转换成rem一、安装postcss-px2rem-exc...
2019-11-21 17:42:15
2512
3
原创 根据ip地址获取天气信息
1.首先要获取ip地址,可以自行搜索获取ip地址的相关资料,我这里就只用搜狐的的获取方法了<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>2.之后是获取天气信息的接口了,网上也能搜索到相关的资料,我这里只是用了其中的一个https://www.apiopen.top/weatherApi...
2018-12-27 09:57:02
2882
1
原创 vue 监听滚动事件
在vue中有时候会遇到监听滚动事件的问题,这里我简单的讲一下自己遇到的。监听滚动事件在mounted中写下面这些window.addEventListener('scroll', this.handleScroll, true)后面的第三个参数,可以不写,不过有时候无法监听上滚动事件,可以加上去。在methods中写入methods: { handleScroll () ...
2018-12-19 18:03:28
1635
原创 CSS的reset示例
*,body,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer,td,th{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}h1,h2...
2018-09-26 08:52:43
250
原创 elementUI 标签页 自定义增加标签页触发器 标签中添加html标签
在引用elementUI中会经常用到标签页,有时候也会用到动态添加标签的情况。这时候,我们不仅仅只是放一些字符串,也要放一些html标签,或者是elementUI的组件,这时候可以用到组件来解决 <el-tabs v-model="editableTabsValue2" type="card" closable @tab-remove="removeTab"> ...
2018-08-31 17:42:38
24488
1
原创 本地写json数据并在页面中调用
这里我自己写的是两个方法,一种是用js文件中写的,一种是在json文件中写的。js文件:var workData = { "firstWork":{ "companyName":"", "time":"", "department":"", "positi
2018-08-20 09:58:22
16748
2
转载 使用JS获取当前地理位置方法汇总
1.手机WEB定位方法:var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数,errorFunc获取定位失败回调 //首先设置默认城市 var defCity = { id: '000001', name: '北京市', dat...
2018-08-15 10:03:30
37045
3
原创 elementUI树状图竖向滚动条和横向滚动条问题
在使用vue时,就会有使用到elementUI,之后就是不断的在入坑和天坑之间徘徊。elementUI中有个隐藏的组件,就是滚动条-----<el-scrollbar></el-scrollbar> 可以参考elementUI的官网代码这里用F12可以查看到添加之后会有出现横向滚动的样式(很丑)这里需要添加一个样式 .el-scrollbar .el-...
2018-08-07 14:17:18
36356
5
ECharts的geojson地图数据下载(全国地图json、各省、市、区json)有demo
2018-11-02
vue-devtools chrome的vue调试插件(有更改方法)
2018-05-25
require-css.min.js
2017-11-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人