this.$options 可以获取自定义属性时。

直接举个例子吧:

<template>
  <div>
    <el-button @click="handleclick">点击</el-button>
    <label>自定义属性显示</label>
    <el-input type="text" :value="mydata"></el-input>
    <el-input type="text" :value="mydata1"></el-input>
    <el-input type="text" :value="mydata2"></el-input>
    <el-input type="text" :value="mydata3"></el-input>
</div>
</template>
<script>
export default {
  myoption: 'myoption',
  data () {
    return {
      mydata: 11111,
      mydata1: 12345,
      mydata2: 44444,
      mydata3: 44444
    }
  },
  methods: {
    handleclick () {
      this.mydata = this.$options['myoption']
      this.mydata1 = this.$options.myoption
      this.mydata3 = this.$options['myoption1']
      this.$options.myoption1 = '888888'
      this.mydata3 = this.$options['myoption1']
    }
  }
}
</script>

 

this.$options 即可以获取自定义属性,也可以增加自定义属性,而且,获取自定义属性的方法有两种。

      this.mydata = this.$options['myoption']
      this.mydata1 = this.$options.myoption

效果图如下:

Logo

前往低代码交流专区

更多推荐