外国人如何利用WordPress搭建视频网站并提交熊掌号文章?
摘要:外国人的做视频网站吗,wordpress熊掌号文章提交,建网站北京,具有价值的做pc端网站实现思路: 在按钮上绑定一个点击事件,默认是true;在ex
外国人的做视频网站吗,wordpress熊掌号文章提交,建网站北京,具有价值的做pc端网站实现思路#xff1a;
在按钮上绑定一个点击事件#xff0c;默认是true#xff1b;在export default { }中注册变量给卡片标签用v-if判断是否要显示卡片#xff0c;ture则显示#xff1b;在卡片里面写好你想要展示的数据#xff1b;给卡片添加一个取消按钮#xff0c;绑…实现思路
在按钮上绑定一个点击事件默认是true在export default { }中注册变量给卡片标签用v-if判断是否要显示卡片ture则显示在卡片里面写好你想要展示的数据给卡片添加一个取消按钮绑定一个点击事件值为false 完整代码
01-page.vue
template
el-button typedanger round clickshowCard trueDanger/el-buttonel-card v-ifshowCard classbox-cardtemplate #headerdiv classcard-headerspanCard name/spanel-button classbutton textOperation button/el-button/div/templatediv v-foro in 4 :keyo classtext item{{ List item o }}/divbutton clickshowCard false取消/button/el-card/templatescript
export default {data () {return {showCard: false}}
}
/scriptstyle scoped
.card-header {display: flex;justify-content: space-between;align-items: center;
}.text {font-size: 14px;
}.item {margin-bottom: 18px;
}.box-card {width: 480px;
}
/styleindex.js
import { createRouter, createWebHashHistory } from vue-router
// eslint-disable-next-line camelcase
import zero_one from ../views/test_dir/01-pageconst routes [{path: /01,component: zero_one}
]const router createRouter({history: createWebHashHistory(),routes
})export default router
文件结构 效果展示
点击前 点击后
