uni-app SwipeAction 滑動操作 使用方法
阿新 • • 發佈:2021-01-15
技術標籤:uni-app
在 uni-app 外掛市場 可直接點選 使用 HBuilder X 匯入外掛,注意此外掛需要安裝 sass
HBuilderX 2.5.5起支援 easycom 元件模式。在使用 uni-ui 的時候,只要uni-ui 元件 安裝在專案的 components 目錄下,並符合 components/元件名稱/元件名稱.vue 目錄結構。就可以不用引用、註冊,直接在頁面中使用 uni-ui 元件
所有不需要使用 import 匯入外掛可以直接使用 基礎用法如下所示
<!-- 基礎用法 -->
<uni-swipe-action>
< uni-swipe-action-item :right-options="options" :left-options="options" @click="onClick" @change="change">
<view>SwipeAction 基礎使用場景</view>
</uni-swipe-action-item>
</uni-swipe-action>
<script>
export default {
data(){
return {
options:[
{
text: '取消',
style: {
backgroundColor: '#007aff'
}
}, {
text: '確認',
style: {
backgroundColor: '#dd524d'
}
}
]
}
},
methods:{
onClick(e){
console.log(e);
},
change(e){
console.log(e);
}
}
}
</script>