随笔分类 - vue
摘要：给地图元素添加样式 #container { opacity: 0; transition: opacity 0.5s; //修复地图加载白屏闪动问题 .loaded { opacity: 1; } }
阅读全文
摘要：代码 <template> <div class="signal-content"> <div class="signal-bars"> <div v-for="(n, index) in 5" :key="n" class="bar" :class="getBarClass(n)" :style=
阅读全文
摘要：代码 <template> <!-- 电池电量Icon组件 --> <div class="electric-panel" :class="bgClass"> <div class="panel" :style="{ transform: `rotate(${rotate}deg)` }"> <di
阅读全文
摘要：安装 // 安装 docxtemplater npm install docxtemplater pizzip --save // 安装 jszip-utils npm install jszip-utils --save // 安装 jszip npm install jszip --save /
阅读全文
摘要：本来以为是文件路径错了执行失败，手动去执行了下install.js，还是报错，但是不一样是连接超时 试了几种办法，简单直接就是如下方法 1：从项目node_modules中找到electron下的install.js用编辑器打开 2：找到文件中downloadArtifact方法添加镜像地址，如图（
阅读全文
摘要：添加 append-to-body 属性 具体见官方文档 入口
阅读全文
摘要：this.$nextTick()是在下一次DOM更新后执行其指定回调函数 this.$nextTick(回调函数) 使用场景：在改变数据后，要对更新后的DOM进行操作时使用
阅读全文
摘要：自定义事件 <fuzujian :shijianming='fangfa'></fuzujian>//fangfa是父组件的方法 接收使用：props:[shijianming],调用：this.shijianming <fuzujian @shijianming='fangfa'></fuzuji
阅读全文
摘要：首先在main.js中app实例中使用生命周期钩子添加组件 new Vue({ router, render: h => h(App), beforeCreate() { Vue.prototype.$bus=this; //安装事件总线 }, }).$mount('#app') 然后在创建的组件添
阅读全文
摘要：首先在项目中新建一个js文件 在文件内创建一个对象，对象内创建install方法，将对象用export default暴漏出去 export default{ install(){ console.log('我是一个简单的组件') } } 引入插件，和其他插件引入一样，在main.js中引入 imp
阅读全文
摘要：元素绑定属性 //绑定ref属性 <table ref="refTable"></table> 获取元素 //在方法内 this.$refs.refTable //如果获取的组件可以 .方法名 调用组件内方法 this.$refs.refTable.方法名
阅读全文
摘要：传参格式，将需要传的参数以属性方式写在组件标签上 //组件标签 <zu a='参数一' b='参数b'></zu> 接收格式，在组件内 //props属性接收参数 props:['a','b'] 定数据类型接收参数 //props属性接收参数 props:{ a:String, b:Number }
阅读全文
摘要：直接上代码 <el-table-column type="selection" :selectable="selectable" align="center" width="50"> methods: { //禁用部分选择框 selectable(row){ //判断条件 if(row.datata
阅读全文
摘要：修复后效果 在网上看到的方法都是设置样式属性，试过之后也不生效，也不知道原因 所以就自己用原生js解决了，代码如下 //修错位 x(){ var u = document.getElementsByClassName('has-gutter')[0].childNodes[0]; var tr =
阅读全文
摘要：<body> <div id="app"> <h3 id="h3">{{msg}}</h3> <input type="button" value="修改msg" @click="msg='No'"> </div> <script> var vm = new Vue({ el:'#app', dat
阅读全文
摘要：首先，src/components和文件夹src/views都包含Vue组件。 关键区别在于某些Vue组件充当路由视图。 在Vue中（通常是Vue Router）处理路由时，将定义路由以切换组件中使用的当前视图<router-view>。这些路线通常位于src/router/routes.js 位于
阅读全文
摘要：const params = new URLSearchParams();//前端在传参时需要先新建一个URLSearchParams对象，然后将参数append到这个对象中 params.append('data',JSON.stringify(this.addPlanRoute))//几个参数就
阅读全文
摘要：##环境搭建 1、安装node、npm、webpack 2、安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。 ##用脚手架来构建项目 1、在硬盘上找一个
阅读全文
