TurtleOrange的博客

let that = this // 列表插槽传参 window.deviceList=[] window.showDialog = (row) => { that.infoId = row that.deviceList = window.deviceList that.devDialogVisible = true }slot: (row) => { return `

结合生活-浅谈Vue生命周期没有亲身经历的事物，是永远进入不了你的脑袋里面的，永远不会深刻Vue.js生命周期上面是Vue官方文档里展示的生命周期图示，还建议大家：上图展示了实例的生命周期。你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。接下来是正题：我们把产品的生命周期与Vue的生命周期做比较（总体思想）：生产产品 --》》》-- 创建实例（Create）产品摆架 --》》》-- 实例挂载（Mount）商品循环更替 --》》》-- 数据更新（Upd

vue.config.js配置文件const path = require('path')const resolve = dir => path.resolve(__dirname, dir)const webpack = require('webpack')module.exports = { /* # # 基本路径 */ publicPath: process.env.NODE_ENV === 'production' ? './' : '/', /* # # 输

Vuex中getters的使用方法前提脚手架搭好Vuex，项目内store文件夹下的index.js实例代码export default createStore({ state: { todos: [ { id: 1, text: '...1', done: true }, { id: 2, text: '...2', done: false }, { id: 3, text: '...3', done: true } ] }, getters: { // 基础用法

Vue中使用Vuex获取多个state状态的3种写法写法①computed: { count () { return this.$store.state.count }, count1 () { return this.$store.state.count1 } }写法②computed: mapState([ 'count', 'count1' ])写法③computed: { ...mapState(

三目运算符vue语法#标签内容{{button？ ‘取消’ ：‘确定’}}【例子】<el-button class="button" type="primary" @tap="handleClick">{{button? '取 消' : '确 定'}}</el-button>#类名：class = “[className ? ‘xx’ : ‘xx’]”【例子】<input :class="[className ? 'class1'

解决vue 使用velocity.js动画库rotateZ属性旋转图片出现锯齿问题（有效）点开下面的链接，有3种解决办法，有兴趣的小朋友可以查看3种解决办法其中的最优解解决办法，直接在transfrom属性后加入translateZ : 0px即可实现，但是在使用vue时引用velocity.js出现以下情况然后呢小伙伴看见了么，translateZ属性被生吞了，那么图片旋转后的锯齿消除不了，怎么办！嘤嘤嘤~好了不拐弯抹角了，原因是当你设置的属性值为0的时候，浏览器默认不把你的属性渲染出来

踩坑：Vue.js中v-for和v-if不能同时使用问题出现之时：v-if代码地方出现报错下面有红色的波浪线，具体报错信息大概是说v-for和v-if不能混用，取而代之要使用computed计算属性，让数组变量替换为返回的已过滤数组的计算属性。那就写一个计算属性呗在计算属性中已经是过滤了一次数组遍历项，这样写使得性能更优，而且代码不会再报错了！！！！...