吃糖牙疼的博客

iview Cascader组件编辑回显问题Cascader在回显时，需要手动点击拉取数据才可以展示出来，如果在初始化中清空Cascader的绑定数据后，将Cascader组件删除掉(v-if)，再利用定时器重新载入Cascader组件就可以避免回显失败的问题<Cascader v-if='isShow' :data="data" v-model="value1">export default { data () { return { isShow:false,

html2canvas 截图table的问题

vue 打包 本地和线上样式不一样1、样式顺序错乱：将 样式 集中存放，而且要放在 类库 状态等文件引入的上方 这样打包出来的样式顺序才会是我们想要的样式顺序2、某个组件的样式影响了全局：在那个组件样式文件中加 scoped3、样式代码被覆盖：F12看到原本的样式上都有一条黑色的线，如下，上面的代码覆盖了原本的样式，找到上面文件的设置并修改后，果然再运行就正常了多个相同样式文件同时存在项目中，要删除多余的；...

iview Tree 模糊搜索，返回符合条件的节点，和整条数据链<Input v-model="searchWord" @on-enter='searchTree(value,treeListInit)' /><Tree :data="treeList && treeList.length > 0 ? treeList:[]" ></Tree>export default { name: 'selectTreePage', d

tree 收缩：默认展开根目录，当点击子节点时，展开当前父节点let currentId = 3; //子节点的父级idfunction getTree (data) { //data：tree data const arr = []; data.map(item => { let obj = {} obj.title = item.value obj.id = item.id if (item.id === currentId) { obj.s

在iview中修改placeholder样式时，需要在元素前加上/deep/，否则不生效/deep/ input::-webkit-input-placeholder { /* WebKit browsers */ font-size:12px;} /deep/ input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:12px;} /deep/ input::-moz-placeholder { /* M

表单多选后，统一选下拉框的值form表单和checkbox结合，全选和多选之后，统一处理供应商和类型的下拉选择 <div class="titleLine"> <span class="span1" ><Checkbox v-model="allSingle" @on-change='handleSelectAll(allSing...

form表单验证iview 校验依赖了async-validator，默认校验数据是字符串，所以在select值是number的情况下，即使select不为空，也会提示没有选择内容，当select的值是number时，需要在rule中添加type:'number'，FormItem :prop="adType" :rules="{required: true,type:'number', me...