随笔分类 - vue
vue相关
摘要:<template> <div class="lick-container" @keyup.enter="sendMessage"> <div class="chat-content-container"> <div class="header">联通</div> <div class="body"
阅读全文
摘要:vue 拖拽 <template> <transition-group tag="div" class="container"> <div class="item" v-for="(item) in items" :key="item.key" :style="{background:item.co
阅读全文
摘要:1.使用v-if //store.state.authIds 为该用户所有的权限 格式为数组 ['home','admin'] <div v-if='authRequest("***")'> </div> authRequest(auth) { if (auth && !store.state.au
阅读全文
摘要:Vue 实例的 data 属性,可以在哪些生命周期中获取到?(BCD) beforeCreate created beforeMount mounted 下列对 Vue 原理的叙述,哪些是正确的?(ABCD) Vue 中的数组变更通知,通过拦截数组操作方法而实现 编译器目标是创建渲染函数,渲染函数执
阅读全文
摘要:<template> <el-row :gutter="$attrs.gutter"> {{ formData }} <el-form v-bind="$attrs" v-on="$listeners" :label-width="$attrs.labelWidth || '140px'" > <t
阅读全文
摘要:<template> <div id="app"> <!-- <select v-for="(arrItem, key) in selectList" v-model="selectArr[key]" @focus="position = key" @change="selected" :key="
阅读全文
摘要:在页面中需要定时刷新局部数据,在数据变化是否频繁的情况下,没有必要使用webSocket,因为数据变化频繁,数据实时变化太快看不清楚。因此页面会定时调用后台接口以达到实时刷新数据的效果。 1、在data中定义一个定时器变量,timer 2、在mounted中把定时器的复制为timer 3、页面离开前
阅读全文
摘要:<template> <div id="myChart" :style="{ height: '400px' }"></div> </template> <script> export default { data() { return { data1: [120, 132, 101, 134, 9
阅读全文
摘要:1、添加监听事件(addEventListener) 语法:element.addEventListener(event, function, useCapture) event:指定事件名(注意: 不要使用 "on" 前缀。 例如,使用 "click" ,而不是使用 "onclick") func
阅读全文
摘要:全局组件 <template> <el-table style="width: 100%" header-row-class-name="tableHeadClass" :data="tableData" size="medium" fit ref="multipleTable" border st
阅读全文
摘要:element-UI table关键是插槽 与 行列的条件判断 scope.$index scope.row 动态字段名的使用 element-UI table文字超出两行,隐藏多余文字,移入显示tips element-UI表格的列属性 超出两行隐藏多余文本,移入时tips显示全部内容 超出的文本
阅读全文
摘要:<template> <div> <el-form :model="tableForm" ref="tableForm"> <el-table :data="tableForm.tableData" border style="width: 100%" > <el-table-column labe
阅读全文
摘要:app.vue <template> <div> <list :data="data"></list> <hr/> <render :data="data"></render> </div> </template> <script> import list from "./list.vue"; im
阅读全文
摘要:表格是el-table自动获取的后台数据,每行都有el-input的验证,这样一个rules的规则就不能匹配到每一行,所以要是用动态的prop和rules规则 关键一 此处 data中定义的变量,params:表格数据,后台查询获得;paramsRules:校验规则 关键二 此处 :model、:r
阅读全文
摘要:表单验证:需要注意的一点是: 普通表单验证单项依靠的是prop…而动态生成的表单要用:prop 书写的语法是:prop="‘moreNotifyObject.’ + index +’.notifyobject’",moreNotifyObject是v-for绑定的数组,index是索引,notify
阅读全文
摘要:in ./src/App.vue?vue&type=style&index=0&lang=scss Module build failed (from ./node_modules/_sass-loader@10.0.5@sass-loader/dist/cjs.js):ValidationErro
阅读全文