qq_45505241的博客

前端下载

vue组件

上移this.drugs[index] = this.drugs.splice(index - 1, 1, this.drugs[index])[0]下移this.drugs[index] = this.drugs.splice(index + 1, 1, this.drugs[index])[0]

配合 v-if 可以实现

this.list.filter((v ,i) => (i < (this.page.pageNo) * this.page.pageSize) && (i >= (this.page.pageNo-1) * this.page.pageSize));

// rem布局// 在vue的main.js中引入(function (designWidth, maxWidth) { var width = document.documentElement.getBoundingClientRect().width; maxWidth = maxWidth || 540;//限制在540的屏幕下，这样100%就跟10rem不一样了 width > maxWidth && (width = maxWidth);

.env——全局默认配置文件，无论什么环境都会加载合并.env.development——开发环境下的配置文件.env.production——生产环境下的配置文件文件是如何加载的？　　执行启动命令后会自动加载对应的环境，vue是根据文件名进行加载的，所以不要乱起名字，也不用专门控制加载哪个文件。如执行npm run serve，会自动加载.env.development文件。如何使用变量？　　直接调用process.env属性（全局属性，任何地方都可以使用）。例如：直接打印process.

computed: { columnsCopy: { get() { return this.realColumns }, set(value) { this.setTableConfig(value); } } },

:tree-config="{children: 'milestoneTaskList'}"// milestoneTaskList是后台返回的子数组的名称<vxe-table-column tree-node />

vue实现双向绑定v-bind:value=""this.$emit('input')watch: { value(n) { this.selected.idList = this.init(n) }},methods: { init() { // 在方法里处理监听的数据，（如果直接在value里处理数据可能会监听不到） if(n){ if(this.type == "obj"){ retur

有时候数据层次太多，render函数没有自动更新，需手动强制刷新；用this.$forceUpdate();进行强制渲染，效果实现。

$parent属性可以让子组件访问父组件。但孙组件想要访问祖先组件就比较困难。通过provide/inject可以轻松实现跨级访问父组件的数据![在这里插入图片描述](https://img-blog.csdnimg.cn/20201106175650149.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NTA1MjQx,size

<el-form-item prop="sname"> <span slot="label"> <span class="span-box"> <i class="icon-dd-schetit" /> <span> 任务名称 </span&gt

<el-date-picker v-model="value" type="daterange" start-placeholder="开始日期" :picker-options="pickerOptions" end-placeholder="结束日期"> </el-date-picker>data() { var vu

<style scoped> .calendar { width: 308px; padding-left: 40px; } .title { border-bottom: 1px solid rgba(0, 0, 0, .09); margin-bottom: 12px; } .week { flex-wrap: wrap; } .week span {

<el-date-picker type="date" :picker-options="pickerOptions1" value-format="yyyy-MM-dd" placeholder="开始时间"

<a-date-picker @change="lrTimeChange" v-model="createValue"/>data里createValue：undefined,//只能是undefined清空的时候也改成undefined

/deep/