wodebokecsdn的博客

我们的目标是写一个组件上传到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创建完.

创建项目的过程就不介绍了，vue create 项目名字 ，然后选最下面的自己配置所需要的东西即可，这里主要讲typeScript的使用方式。1.interface是对值所具有的结构进行类型检查，当创建一个带有参数的函数，或者调用接口传参数时，为了能够清晰的知道所需参数的属性和类型，我们就可以用interface来进行约束，如果传错了，在编译过程中会报错。首先看一下项目结构我们以alarmInter.ts为例我们要查询分类数据，参数有一个subjectId，类型为number。

<el-upload :action="url" :http-request="importExcel" list-type="text" :show-file-list="false" > <el-button size="small" type="primary">导入</el-button> </el-upload>...

参考网上例子整理了一下import Vue from 'vue'// v-dialogDrag: 弹窗拖拽,// 使用案例：/* <el-dialog :visible.sync="dialogshow" center v-dialogDrag :close-on-click-modal='false' @close='dialog_close'></el-d...

change_icon() { const changeFavicon = link => { let $favicon = document.querySelector('link[rel="icon"]'); // If a <link rel="icon"> element already exists, // ...

首先我们保证已经安装了nodejs先上一张效果图建一个文件夹 ws_nodeserver，在里面建一个server.js ，然后在ws_websocket文件夹下执行 npm init 一直敲回车 生成package.json文件。目录结构为下载我们引用的依赖 cnpm install --save wsserver.js中引入并创建一个wsvar WebSo...

先上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...

一、页面渲染好tree<template> <div class='mytree'> <el-tree :data="data" :indent='0' :props="defaultProps" @node-click="handleNodeClick"> </el-tree> </di...

首先介绍一下流程：因为我们走的是STS模式，所以首先去后台获取oss配置(accessKeyId，accessKeySecret，stsToken) 创建oss实例 前后端商量好文件上传路径，直接上传首先引用oss的SDK<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js">&...

vue开发过程中遇到过什么问题？怎么解决的1、曾经尝试给data中定义的对象身上添加属性，实际改变了数据但是没有触发视图更新。data(){ return { person:{ name:'小明' } } }, watch:{}, computed:{}, methods:{ addPro...

定义子组件<template> <div class="merselec" ref="mbMenu"> <div @click="handleNodeClick()">点我父组件就等收到123</div> </div></template>export default { com...

其实不管是vue还是其他框架 还是jq 都是用原生js写 都一样的。首先第一步众所周知&lt;script src="http://api.map.baidu.com/api?v=2.0&amp;ak=你的K"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="http://api.map.baidu.com/libra...

1，首先在build文件夹下的web[ack.base.conf.js文件里面添加如下，与entry，output平级externals: { 'vue': 'Vue', 'vue-router': 'VueRouter'},这一段是告诉webpack项目打包压缩的时候不要将vue.js 和vuerouter打包进vendor.js2.在index.html中引入c...

具体步骤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...

watch监听路由变化 watch: { $route: "myroute" }, methods: { myroute() { this.activeUrl = this.$route.path; }, }这样就做到了当路由发生变化的时候将#号后面的路径赋值给activeUrlwatch监听data里面的数据的变化data()...

 vue实现模糊搜索功能根据输入的内容进行查找数据，然后展示含有输入内容的数据&lt;input v-model="issue_content" v-on:input ="inputFunc" type="text" placeholder="如何修改密码"&gt;&lt;div class="serch_result" v-show="serch_result_