溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了如何在Vue.js中使用過濾器實現冪方求值，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
1、應用場景
使用ElementUI實現一個輸入框，輸入100，下方顯示10000。
2、實現源碼
（1）主頁面
<template>
<el-row>
<el-tabs v-model="activeName" @tab-click="handlerClick">
<el-tab-pane label="餅圖" name="pie2D">
<el-date-picker
v-model="value2"
type="month"
placeholder="選擇月">
</el-date-picker>
<el-col :span="12">
<div id="epie2D" :></div>
</el-col>
</el-tab-pane>
<el-tab-pane label="柱狀圖" name="column2D">
<el-col :span="12">
<div id="column2D" :></div>
</el-col>
</el-tab-pane>
<el-tab-pane label="過濾器" name="filter">
<el-col :span="12">
<div id="filterData" :>
<el-input v-model="oldData"></el-input>
<label>{{oldData | Power}}</label>
</div>
</el-col>
</el-tab-pane>
</el-tabs>
</el-row>
</template>（2）JavaScript
<script>
export default {
name: 'Epie2D',
data() {
return {
oldData:''
}
},
filters: {
Power: function(value) {
return value * value;
}
}
}
</script>上述內容就是如何在Vue.js中使用過濾器實現冪方求值，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
