Vue
空山新雨君
这个作者很懒,什么都没留下…
展开
-
vue 全屏/退出全屏,esc监控退出全屏
template: <el-button class="fullbutton" type="primary" plain @click="fullScreen">{{fullScreenFlag?'退出全屏':'全屏'}}</el-button> js: data () { return { fullScreenFlag: false, // 全屏/退出全屏 } }, mounted () { document.addEventL原创 2021-02-24 12:39:48 · 2200 阅读 · 1 评论 -
vue elementui intput文字内容超长时出现tooltip
html部分: <el-tooltip class="item" effect="dark" :content="expressionContent" placement="top-start" :disabled="isShowTooltip" > <el-input @mouseover.native="inputOnMou原创 2021-01-20 09:22:02 · 2346 阅读 · 0 评论 -
vue错误记录
(1)Cannot read property 'activeIndex' of undefined Error in mounted hook: "TypeError: Cannot read property 'addItem' of undefined" 诸如此类。。 原因:可能是项目引入的elementui与vue版本不对应,index.html文件中引用的vue.min.js脚本文...原创 2019-11-22 12:01:05 · 492 阅读 · 0 评论 -
eslint报错解决及关闭
1. eslint报错,通过配置文件.eslintrc.js设置不提醒 https://juejin.im/post/5aa7ba24f265da23771915cf 2. eslint错误列举 https://www.jianshu.com/p/68d411168a31 https://www.jianshu.com/p/2b6b5d0e8ba2 3. 关闭eslint vue-cl...原创 2019-11-20 11:18:27 · 1117 阅读 · 0 评论 -
移动端组件cube-ui使用
(1)组件引入(vue) <template> 。。。 <cube-scroll :data="data" ref="scroll" :options="scrollOptions"> </cube-scroll> 。。。 <template> <script> import { scroll } from ...原创 2019-07-31 09:24:57 · 560 阅读 · 1 评论 -
vue组件之间传值,父传子props,子传父$emit
一、父组件向子组件传值,通过props (1)使用方式一: 参考: https://blog.csdn.net/qq_42492055/article/details/82558971 (2)使用方式二: 使用elementUI的table组件作为子组件,父组件向table传数据: 思路:el-table绑定自身数据tableData,在页面初始化时或watch监控props改变时调用...原创 2019-07-17 17:06:49 · 253 阅读 · 0 评论 -
css动画笔记
(1) Vue中面板宽度变化(展开/折叠) <template> ... <div class="menu" :style="showMenuList"> ... </template> <script> export default { data(){ return{ showMenuList: { ...原创 2019-07-15 19:19:37 · 91 阅读 · 0 评论 -
Vue+elementUI使用笔记
(1) vue引入elementui 1.使用npm安装element-ui npm i element-ui -S 2.在main.js中导入使用vue import 'element-ui/lib/theme-chalk/index.css' //别忘了导入样式 import ElementUI from 'element-ui' Vue.use(ElementUI) ...原创 2019-06-11 11:29:31 · 272 阅读 · 0 评论