• 博客园Logo
  • 会员
  • 周边
  • 捐助
  • 新闻
  • 博问
  • 闪存
  • 赞助商
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 简洁模式 ... 退出登录
    注册 登录
忆百合
博客园    首页    新随笔    联系   管理    订阅  订阅

vue实例中的data里面写函数方法

<script>
  export default {
    data() {
      const generateData = _ => {
        const data = [];
        for (let i = 1; i <= 15; i++) {
          data.push({
            key: i,
            label: `备选项 ${ i }`,
            disabled: i % 4 === 0
          });
        }
        return data;
      };
      return {
        data: generateData(),
        value: [1, 4]
      };
    }
  };
</script>

data( ){ }是vue实例对象的方法函数,可以像正常的函数一样定义变量;也可以像正常的函数一样通过return返回变量,返回的变量挂载在vue实例上,可以通过vm.value直接引用;


此段代码来自elenmtUI的穿梭框的示例代码;
 
posted @ 2021-12-19 21:27  忆百合  阅读(4830)  评论(0)  编辑  收藏  举报
会员力量,点亮园子希望
刷新页面返回顶部
Copyright © 2024 忆百合
Powered by .NET 8.0 on Kubernetes