账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue如何使用类的方法
    27
    0

    在一个模块中定义的这个类 然后在入口文件引入模块 但是所有vue组件显示不出来了 报这个错误Cannot call a class as a function 是我类文件写的不对吗?大家能我改改吗?就是想在vue组件中使用类的这个validatePass方法应该怎么办?

    index.js

    const base = class {
     validateContent (value) {
        let str = value.replace(/(^\s*)|(\s*$)/g, '')
        let strlen = str.length
        if (strlen > 500) {
          return '内容过长'
        } else if (strlen === 0) {
          return '内容过短'
        }
      }
    }
    
    export default base
    

    入口文件引入index.js

    import Base from './common/index.js'

    Release组件的代码

    <template>
      <div>
        <el-input type="textarea" v-model="msg" :rows="5" :autosize="{ minRows: 5, maxRows: 6}"></el-input>
        <button @click='release(555)'>aaa</button>
      </div>
    </template>
    
    <script>
    export default {
      name: 'Release',
      data () {
        return {
          msg: ''
        }
      },
      methods: {
        release (str) {
          const base = new Base()
          console.log(base)
        }
      }
    }
    </script>
    
    <style scoped>
    </style>
    
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 在 Vue 中,你可以使用类的方法来创建组件。以下是一个简单的例子:

      首先,你需要创建一个 Vue 组件。假设我们有一个简单的输入框组件:

      ```html

      ```

      然后,你可以在你的 Vue 环境中使用这个组件。例如:

      ```html

      ```

      在这个例子中,我们在组件的模板中使用了 :value 钩子来引用输入框的值。我们还使用了 :input 钩子来监听输入框的输入事件。

      在组件的 methods 中,我们定义了两个方法:setInput 和 onInput。setInput 方法接收一个值作为参数,并将其设置为输入框的值。onInput 方法是一个方法,它会在输入框的输入事件发生时被调用。在这个例子中,我们打印了输入框的值。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部