随笔分类 - vue
摘要：记录一个小问题，在table内的动态表单如何做必填校验 如图，内容栏中每行会有几个输入框是不确定的，会根据具体数据渲染，那这种动态的表单如何校验呢，直接上代码 <Form :model="formData" ref="dataForm" :rules="formRules" :label-width
阅读全文
摘要：一、 使用插槽时元素的显示规律 1、在不使用作用域的情况下（v-slot="scope"或slot-scope="scope"）,不论是具名插槽还是默认插槽其显示数量为 使用时插入的元素个数 x 组件中设置的插槽数 2、在使用作用域的情况下，只要同一类的插槽有一个使用了作用域，那么其数量只为--组件
阅读全文
摘要：<Form ref='form' :model="formParams" :rules="formRules" :label-width="80"> <FormItem label="排序号" prop="sort"> <InputNumber style="width:100%;" v-model
阅读全文
摘要：项目中某个表单带有导入的功能，其中必填项验证的触发方式为blur。导致原本一个输入框触发了非空验证， 导入后填入了内容但没有触发blur所以非空验证没有去除。如果将验证的触发方式改为change又符合要求，只能手动重置部分字段的验证 resetValidate (tarKeyArr) { // 重置
阅读全文
摘要：在vuex的使用中经常会根据不同业务模块，也将vuex内部按不同模块进行使用，每个模块中同样分为state,mutations,actions,getters这几个部分 import Vue from 'vue' import Vuex from 'vuex' import adv from "./
阅读全文
摘要：想修改body的背景色，发现在组件内部的style中修改并不能覆盖其他位置设置的颜色 可以在beforeCreate中修改 beforeCreate () { document.querySelector('body').setAttribute('style', 'background-color
阅读全文
摘要：在一个项目中我们可能会调多个不同地址的后端接口，此时就需要根据不同请求通过配置代理转到不同的接口地址。 此时大概分两类情况 第一 只配置域名地址和跨域允许的，需要几个依次配置即可 '/apis': { target:config.ApiUrl, changeOrigin: true, //允许跨域
阅读全文
摘要：简单描述一下问题 在一vue项目中，用iframe标签调用了项目内的另一路由地址。在谷歌打开没有问题。但是在ie打开确实空白页面，也没有报错 这个就是在ie中打开的地址，在ie上显示是空白，但是新开一个页面输入这个地址页面能够正常显示。 这个问题有两个解决办法 ①现在用的路由模式是hash，当在浏览
阅读全文
摘要：方法一: 直接在对应路由中配置参数， { path: '/canshu/:id', name: 'canshu', props: true, //props设置为true，在组件中也通过props接收后，可直接将route.params设置为组件中的属性 component: resolve=>re
阅读全文
摘要：actions用来调用异步的方法，再通过触发Mutations来修改state 现在虽然在Mutations中调用异步方法也不会报错了，但是也要遵守vuex中的规则，也为日后维护的人员增加代码的可读性。 const state = { s:0, } const mutations = { SET_S
阅读全文
摘要：Mutations在vuex中的定位是修改store中state的唯一方法 虽然在之前梳理state时，曾直接修改过state是可以修改的，但在真正使用的时候想要修改state还是要通过Muatations, 而且在Mutations中不应该包含任何异步的请求，异步的请求会在下一个梳理actions
阅读全文
摘要：getters是做什么用的呢，就可以理解为是vuex中的计算属性 const getters = { sumVote(state){//第一个参数访问state return state.liuDeHua + state.zhangXueYou; }, sexAge(state,getters){/
阅读全文
摘要：vuex可以理解为是一个vue提供的公共仓库，里面存储里多个组件都会用到的数据、方法等。 但是如果你的一个不论复杂或简单的组件，其数据和方法只是其私有属性，不要用vuex,这么做不仅不酷反而造成了不必要的性能浪费 1.state 其内容大致等同于组件里的data,使用时有挂到data和compute
阅读全文
摘要：此方法主要用于我们将某些信息，下载成固定的文件格式，如word或记事本等等， 核心的方法有两个一个是Blob构造函数，一个是window.URL.createObjectURL()。 对于Blob官方解释如下 语法 var aBlob = new Blob( array, options ); 参数
阅读全文
摘要：使用过vue的都知道，vue中使用的是mvvm模式，我们通过修改数据来驱动视图。但有时我们会发现修改了数据视图并未更新 <div class="myApp"> one:{{num}} <p v-for='(item,index) in items' :key="item.id"> {{item.me
阅读全文
摘要：最近接一个新需求，要求双击时文字变成输入框失去焦点自动保存到服务器 本来双击编辑文字并不困难，但是文字的父元素有正好有请求服务器的点击事件 如果不能阻止的话会导致无意义的多次请求服务器，就研究了一下解决方法，下面上代码，基于vue使用的 <div class="page-tit" v-for="(i
阅读全文
摘要：用bootstrap时如果给标签增加了data-toggle =“”，会改变原本添加的事件。导致用vue加@click事件无法再触发，删除data-toggle即可
阅读全文
浙公网安备 33010602011771号