qq_39594951的博客

&&,||,vue

transition,vue3,component,浅入浅出

1.并不是以浏览器截屏为原理，而是以遍历加载页面的DOM，保存DOM信息来进行构建如果我们想截屏并打印的话，我们需要先npm安装一下npm install html2canvas在main.js中引入import html2canvas from "html2canvas";Vue.prototype.$html2canvas = html2canvas;//参数是你要操作的dom元素和配置项,返回的参数是一个convas this.$html2canvas(document.getE

代码:<el-autocomplete prefix-icon="el-icon-search" style="width:100%;" v-model="searchText" clearable ref="autocomplete" placeholder="请输入需要查找的关键词进行查找" :fetch-suggestions="querySearch" @keydown.enter.native='searchStart'

<el-table :data="tableData" :cell-style="{'text-align':'center'}" :header-cell-style="{background:'text-align:center;background- color:#f3f4f7;',color:'#5d6168;','text-align':'center'}"

1.没有脚手架的，需要先全局安装脚手架npm install --global vue-cli2.进入你创建的项目文件夹vue init webpack 项目名 ![在这里插入图片描述](https://img-blog.csdnimg.cn/5c8b74f1f89d48b6ad8c67648a2050b4.png?x-oss-

1.在项目中我们经常会遇到el-form重置表单失效,那么我们可以采取另外一种方法例如:<el-form :model="formLine" ref="formLine"> <el-row v-for="(item,index) in formLine.searchVOList" :key="index"> <el-col :span="18"> <el-form-item :label="

1.当我们在项目中需要给一个元素加多个class,并附件判断的时候可以这样<div class="ghcontent_div" v-for="(item,index) in ghlist" :class="[index==3||index==7?'divlast':'',leftTrue==true?'divfirst':'']" :key="index">在这段代码中，class就同时绑定两个不同三元表达式判断并且两个class...

1.最近遇到了一个需求，要在el-table中加入单选按钮,并且能够选中和回显el-table ref="multipleTable" :data="rightforeach" tooltip-effect="dark" class="surface"

1.three.js由三部分组成,scene(场景),camera(相机),渲染器(renderer),有这三样东西，才可以渲染进网页中<template> <div class="lvse"> </div></template><script> export default { name:'lvse', data(){ return{

1.el-table中，设置复选框 <el-table ref="multipleTable" :data="rightforeach" tooltip-effect="dark" class="surface"

1.有需求要求配置一个动态目录，并且点击哪里跳转到哪里 我采用了view-ui,四级菜单是后端返回的嵌套数据,此代码仅作为参考<Menu active-name="2" :accordion="true"> <Submenu name="2"> <template slot="title"> <b>目录</b>&l..

1.我们通常会根据后端爬取的dom数据动态插入到页面中，在vue中我们一般会使用v-html标签例如：<div class="infomation"> <ul> <li><span>来源：{{info.news}}</span></li> <li><span>发布时间：{{i

1.由于移动端touchstart事件对象的cancelable属性为true,它的默认行为可以被监听器通过preventDefault()方法阻止,如果你在滑动过程中默认行为被阻止了，页面就必须静止不动,r如果绑定了监听事件的话，因为浏览器无法提前知道你是否会调用preventDefault(),它能做的只有等监听器执行完后再去执行默认行为，而监听器是要耗时间的，这样就会导致在滑动时页面卡顿所以我们在vue种可以采用<div v-on:scroll.passive="onScroll">.

1.css3中calc()函数可以进行尺寸计算，这样可以使样式在浏览器中更加的灵活，能够响应视口的改变示例:.aside{Height:calc(100vh - 78px); //以视框百分百的高度减去78px的大小}2.其中vw,vh,vmin,vmax的含义Vw:视窗宽度的百分比(1vw代表视窗的宽度为1%)Vh:视窗高度的百分比(1vh代表视窗的高度为1%)Vmin:当前vw和vh中较小的一个值Vmax:当前vw和vh中较大的一个值...

(1)可被用于文本格式化等<div v-submit>{{'aaa' | nameformat('2')}}</div>(2)全局注册过滤器,新建一个js文件,然后在main.js中引入即可import Vue from "vue";//文字过滤方式Vue.filter('nameformat',function(name,type){ if(name){ if(type == 1){ name = 'bbb'

1.如果我们想要修改滚动条样式如果要在全局加，所有元素滚动条统一修改样式的话//定义滚动条宽高,滚动条背景 ::-webkit-scrollbar{ width:10px; /对垂直流动条有效/ height:10px; //对水平流动条有效 } //滚动条的轨道颜色，轨道阴影，轨道圆角 ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); ba

1.vue在更新DOM时是异步执行的，只要侦听到数据变化，vue将开启一个队列，当你修改一个新值时，组件不会立即重新渲染，而是会在下一个事件循环中所有同步任务都在主线程上执行，形成一个执行栈，等待任务回调结果进入一种任务队列，当主执行栈中的同步任务执行完毕后才会读取任务队列<div id="app"> <button ref='aa' @click="edit()">{{testMsg}}</button></div><script&

1.有时写页面会遇到滚动条无法拉到底可以把overflow:auto换成overflow:scroll如果觉得overflow:scroll会一直存在滚动条，可以用js判断拉取到多少时，换成overflow:scroll

1.在项目的package.json文件,里面的scripts脚本命令中添加:“webpack”:“webpack --version”"scripts": { "webpack":"webpack --version" },然后在启动项目时用npm run webpack