随笔分类 - Vue
摘要：https://blog.csdn.net/spfLinux/article/details/79283513?utm_source=blogxgwz7
阅读全文
摘要：本案例结合vant组件实现。思路是一样的。 关键词：Vue-2，checkbox的disabled属性和change事件，v-if判断 template： <van-checkbox-group v-model="isChe" @change="checkboxChange()"> <van-che
阅读全文
摘要：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。 每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。 vue 官网： https://cn.vuejs.org/v2/guide/components-props.ht
阅读全文
摘要：vue中异步获取的数据赋值到data中，打印时常常会是：{__ob__: Observer} 格式的，解决方法： 第一种：__ob__: Observer 是 Vue 对数据监控添加的属性，说明这个数据是异步获取的。如果想去掉可以用赋值的方式。例如Object.assign({},this.list
阅读全文
摘要：类似于elementUI 的 el-autocomplete远程搜索 参考：https://github.com/Daotin/fe-notes/issues/170 1 <template> 2 <div id="app"> 3 <!-- <input type="text" :value="fi
阅读全文
摘要：<van-field v-model="form.sendDate" label="开始日期:" input-align="right" is-link readonly required :rules="[{ required: true, message: '请选开始时间' }]" @click
阅读全文
摘要：遇到如下提示问题，说明是版本问题，安装core-js的最新版本试试 npm install core-js
阅读全文
摘要：import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) //以下代码解决路由地址重复点击的报错问题 const originalPush = Router.prototype.push Router.prototyp
阅读全文
摘要：一、组件传值 1、父组件——>子组件（属性传值） 在父组件页面引入子组件并在，儿子身上绑定属性 :list = "list" ； 父组件页面data中填写要传递的值 list[a,b,c]， 子组件页面接受 props: { list: { type: Array, default() { retu
阅读全文
摘要：1、操作按钮 <el-container> <el-aside :width="isCollapse ? '64px' : '170px'"> <div :class="toggleButton" @click="togleCollapse"> <img src="../../assets/img/
阅读全文
摘要：watch就是监听data值中数据的变化，然后在回调函数中做一些事情。 使用场景：1、在input输入时监听数据的变化从新赋值。 参考：https://juejin.im/post/5ae91fa76fb9a07aa7677543 2、在redio单选框切换时，监听当前的index值，从而请求不同的
阅读全文
摘要：1 <template> 2 <div> 3 <el-row :gutter="30"> 4 <el-col :span="12"> 5 <el-card> 6 <div id="typeChart" style="width: 600px;height:400px;"></div> 7 </el-
阅读全文
摘要：第一：安装依赖 npm install -S file-saver xlsx npm install -D script-loader 第二：新建两个js文件（Blob.js和Export2Excel.js） Blob.js： /* eslint-disable */ /* Blob.js * A
阅读全文
摘要：一、组件代码 1 <template> 2 <div class="s-canvas"> 3 <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> 4 </div> 5 </template> 6
阅读全文
摘要：在vue中使用screenfull.js实现网页全屏： 1、npm 下载到项目中：npm install --save screenfull 2、在需要用到的组件中引入：import screenfull from 'screenfull' 3、定义全屏点击方法： 1 data(){ return{
阅读全文
摘要：当你第一次接触vue的时候，一定会使用到其中的几个指令，比如：v-if、v-for、v-bind...这些都是vue为我们写好的，用起来相当的爽。如果有些场景不满足，需要我们自己去自定义，那要怎么办呢？下面来一步步学习如何自定义一个属于我们自己的指令。 vue自定义指令的基础知识 钩子函数 在消息处
阅读全文
摘要：vuex：专为vue开发的一个状态管理模式，相当于保存数据的一个大仓库，可以在任何地方对数据进行改变，其他组件中使用该数据时可以实时更新。 localstorage：浏览器缓存，将数据保存在本地，除非被清除，否则永久保存。 两者区别： 1.vuex中的数据是保存在内存，所以刷新页面相当于是清除内存，
阅读全文
摘要：1、.js： export default{ //时间戳转换为正常时间格式 timeStampChange:function(time){ let p = ''; var date = new Date(time); // 获取时间戳 let y = date.getFullYear(); let
阅读全文
摘要：参考了：https://qtdebug.com/html/java-vue-adventure 格式化日期的插件有moment.js和day.js,这里我用的是day.js npm 下载：npm install dayjs --save 在需要的页面中引入 也可以在main.js中全局引入：impo
阅读全文
摘要：一、数组的变异（数组更新） Vue.js 内部对被观察数组的变异方法 (mutating methods，包括 push() , pop() , shift() , unshift() , splice() , sort() 和 reverse() ) 进行了拦截，因此调用这些方法也将自动触发视图更
阅读全文
浙公网安备 33010602011771号