![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
攻城狮狮
这个作者很懒,什么都没留下…
展开
-
vue npm 发布自己的组件到npm并使用
我们的目标是写一个组件上传到npm,然后可以通过cnpm install --save kyswitch 的方式去依赖这个组件,像element-ui一样的去使用import kyswitch from "kyswitch"import "kyswitch/lib/kyui.css"Vue.use(kyswitch);//页面<ky-switch></ky-switch>OK 开始吧!1、首先创建一个vue项目,我用的是脚手架vuecli4.0创建完.原创 2020-12-22 16:19:26 · 1645 阅读 · 6 评论 -
vue-cli4.0+ts+element构建项目
创建项目的过程就不介绍了,vue create 项目名字 ,然后选最下面的自己配置所需要的东西即可,这里主要讲typeScript的使用方式。1.interface是对值所具有的结构进行类型检查,当创建一个带有参数的函数,或者调用接口传参数时,为了能够清晰的知道所需参数的属性和类型,我们就可以用interface来进行约束,如果传错了,在编译过程中会报错。首先看一下项目结构我们以alarmInter.ts为例我们要查询分类数据,参数有一个subjectId,类型为number。原创 2020-10-14 15:33:33 · 418 阅读 · 0 评论 -
VUE中 上传excel文件并解析内容
<el-upload :action="url" :http-request="importExcel" list-type="text" :show-file-list="false" > <el-button size="small" type="primary">导入</el-button> </el-upload>...原创 2020-02-24 13:32:59 · 2344 阅读 · 3 评论 -
vue常用自定义指令
参考网上例子整理了一下import Vue from 'vue'// v-dialogDrag: 弹窗拖拽,// 使用案例:/* <el-dialog :visible.sync="dialogshow" center v-dialogDrag :close-on-click-modal='false' @close='dialog_close'></el-d...原创 2019-12-09 11:35:27 · 777 阅读 · 1 评论 -
js动态修改浏览器导航栏图标和文字
change_icon() { const changeFavicon = link => { let $favicon = document.querySelector('link[rel="icon"]'); // If a <link rel="icon"> element already exists, // ...原创 2019-11-26 18:48:42 · 4026 阅读 · 0 评论 -
nodejs+WebSocket + vue 做一个简单的聊天工具
首先我们保证已经安装了nodejs先上一张效果图建一个文件夹 ws_nodeserver,在里面建一个server.js ,然后在ws_websocket文件夹下执行 npm init 一直敲回车 生成package.json文件。目录结构为下载我们引用的依赖 cnpm install --save wsserver.js中引入并创建一个wsvar WebSo...原创 2019-10-15 19:47:36 · 1156 阅读 · 0 评论 -
nginx + vue-cli2 开启gzip
先上nginx的配置#gzip on;开始 gzip on; gzip_min_length 1k; gzip_buffers 16 64k; gzip_http_version 1.1; gzip_comp_level 9; gzip_types text/plain application/x-javascript applicatio...原创 2019-09-30 16:39:42 · 784 阅读 · 0 评论 -
element-ui tree添加提示线
一、页面渲染好tree<template> <div class='mytree'> <el-tree :data="data" :indent='0' :props="defaultProps" @node-click="handleNodeClick"> </el-tree> </di...原创 2019-06-25 15:16:36 · 7158 阅读 · 4 评论 -
前端js上传图片、文件到阿里云OSS
首先介绍一下流程:因为我们走的是STS模式,所以首先去后台获取oss配置(accessKeyId,accessKeySecret,stsToken) 创建oss实例 前后端商量好文件上传路径,直接上传首先引用oss的SDK<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js">&...原创 2019-05-08 15:03:20 · 13743 阅读 · 7 评论 -
我的
vue开发过程中遇到过什么问题?怎么解决的1、曾经尝试给data中定义的对象身上添加属性,实际改变了数据但是没有触发视图更新。data(){ return { person:{ name:'小明' } } }, watch:{}, computed:{}, methods:{ addPro...原创 2019-04-29 11:07:41 · 132 阅读 · 0 评论 -
vue自定义组件的v-model
定义子组件<template> <div class="merselec" ref="mbMenu"> <div @click="handleNodeClick()">点我父组件就等收到123</div> </div></template>export default { com...原创 2019-04-15 15:04:25 · 173 阅读 · 0 评论 -
百度路书做轨迹回放-vue
其实不管是vue还是其他框架 还是jq 都是用原生js写 都一样的。首先第一步众所周知<script src="http://api.map.baidu.com/api?v=2.0&ak=你的K"></script><script type="text/javascript" src="http://api.map.baidu.com/libra...原创 2019-03-04 12:39:27 · 9470 阅读 · 19 评论 -
vue-cli 项目打包后 vendor.js文件较大问题解决
1,首先在build文件夹下的web[ack.base.conf.js文件里面添加如下,与entry,output平级externals: { 'vue': 'Vue', 'vue-router': 'VueRouter'},这一段是告诉webpack项目打包压缩的时候不要将vue.js 和vuerouter打包进vendor.js2.在index.html中引入c...原创 2019-01-22 16:15:10 · 972 阅读 · 0 评论 -
在VSCode中,创建一个.vue文件的模板
具体步骤1、使用Ctrl + Shift + P召唤出控制台,然后输入snippets并回车。2、接下来输入vue并选择,VSCode会自动生成一个vue.json的文件。这里就是我们要输入模板的地方了。{ /* // Place your snippets for Vue here. Each snippet is defined under a snippet name a...原创 2018-11-07 14:29:03 · 2346 阅读 · 0 评论 -
vue中watch的用法
watch监听路由变化 watch: { $route: "myroute" }, methods: { myroute() { this.activeUrl = this.$route.path; }, }这样就做到了当路由发生变化的时候将#号后面的路径赋值给activeUrlwatch监听data里面的数据的变化data()...原创 2018-11-07 10:41:24 · 4963 阅读 · 0 评论 -
vue 实现模糊搜索功能,vue-element ui改编input模糊查询
vue实现模糊搜索功能根据输入的内容进行查找数据,然后展示含有输入内容的数据<input v-model="issue_content" v-on:input ="inputFunc" type="text" placeholder="如何修改密码"><div class="serch_result" v-show="serch_result_原创 2018-10-30 12:09:39 · 21630 阅读 · 4 评论