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