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的穿梭框的示例代码;
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM