vue 项目 移动端 ( 频道管理—编辑状态切换)

已于 2022-04-08 11:53:46 修改
阅读量242 收藏
点赞数 1
分类专栏： vue项目 文章标签： 前端 移动端
于 2022-04-08 11:52:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59519449/article/details/124037565
版权

效果目标： 点击编辑会转换成完成界面，并且出现x图标

在data 里 编辑频道上的编辑状态

data(){
  return{
    isEdit:false //编辑频道上的编辑状态 (x隐蔽)
  }

在徽标这一块 进行v-show 的绑定

在编辑这块绑定一个事件

<
最低0.47元/天 解锁文章
一染星辰
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-自动适配手机后台管理系统全.zip
05-16
vue自适应手机端的后台管理系统，针对手机端的适应效果进行优化 ，各种分辨率的调试都完美适应
vue常用开发ui框架（app，后台管理系统,移动端）及插件
weixin_43343144的博客
04-26 2965
参考：https://www.jianshu.com/p/5cee94470187
移动端网页编辑器
10-28
移动端网页版编辑器，可进行上传图片，加粗，字体颜色等基本操作，亲测非常好用的一款
Vue 切换页面 编辑状态
maoxiaohei_的博客
03-06 783
<template> <view> <!--uview 自定义导航 --> <u-navbar title-color="#fff" back-icon-color="#fff" :is-fixed="isFixed" :is-back="true" :background="background" :title="title" :back-icon-name="backIconName" :back-text="backText">
vue页面获取以及编辑
Sunshinedada的博客
12-01 1092
vue页面获取以及编辑 html: <el-row :gutter="20"> <el-col class="task_left"> <el-col :span="4" class="task_list"> 连续签到 <div class="list_num">{{ signCycle }}</div> 天为一个周期 </el-col>
Vue项目移动端滚动穿透问题的实现
10-15
主要介绍了Vue项目移动端滚动穿透问题的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用vue开发移动端管理后台的注意事项
10-17
主要介绍了使用vue开发移动端管理后台的注意事项,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue2移动端响应式模板
02-21
vue2移动端响应式模板 lib-flexible && postcss-plugin-px2rem px自动转rem
Vue实现移动端页面切换效果【推荐】
10-17
主要介绍了Vue实现移动端页面切换效果,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
Vue2开发移动端的模板
03-18
可以直接套用 也可以仿写
vue前端 后台管理
12-27
vue前端 后台管理
Vue3.0+TypeScript+Element-Plus编写的一套后台管理系统（兼容移动端）.zip
05-02
Vue3.0+TypeScript+Element-Plus编写的一套后台管理系统（兼容移动端），使用了最新的vue3 vite2 Element-Plus TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。 Vue3.0+TypeScript+Element-Plus编写的一套后台管理系统（兼容移动端），使用了最新的vue3 vite2 Element-Plus TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。 Vue3.0+TypeScript+Element-Plus编写的一套后台管理系统（兼容移动端），使用了最新的vue3 vite2 Element-Plus TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。 Vue3.0+TypeScript+Element-Plus编写的一套后台管理系统（兼容移动端），使用了最新的vue3 vite2 Element-Plus TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。 ........
vue-admin:一份完整的vue-cli3项目基础配置项,可用作于PC网站开发、移动端网页，后台管理系统
05-12
一份完整的vue-cli3项目基础配置项 网站例子 ，该网站使用前后端分离，运用vue-cli3本项目配置 安装依赖 cnpm install 开发模式 npm run dev 打包测试环境 npm run test 测试和生产一起打包 npm run publish 打包生产环境 npm run build 项目配置功能 配置全局cdn，包含js、css 开启Gzip压缩，包含文件js、css 去掉注释、去掉console.log 压缩图片 本地代理 设置别名，vscode也能识别 配置环境变量开发模式、测试模式、生产模式 请求路由动态添加 axios配置 添加mock数据 配置全局less 只打包改变的文件 开启分析打包日志 拷贝文件 添加可选链运算符 配置px转换rem 附加功能 vue如何刷新当前页面 封装WebSocket 增加指令directive 添加音乐小插件 目录结构 ├
vue 移动端项目（频道管理-新增频道）
weixin_59519449的博客
04-08 524
目标效果： 思路： 编辑频道后->点击更多频道进行新增 1. 更多的频道-->绑定点击事件,传递频道对象下去，下去之后要做一个判断（只有编辑状态下才行） 2.子->父，把频道对象传递给home/index.vue->父push到用户已选的频道数组内； 在更多频道列表添加事件 在methods 的方法里，//更多频道的点击事件 --> 处于编辑状态下，用子传父的方法去传参 //更多频道的点击事件 moreFn(channelObj){ //...
PC端编辑，如何在移动设备端实时查看编辑效果及解决适配bug
u013105204的博客
05-17 297
PC端修改，如何在移动端实时预览，更好解决适配哦
vue增加编辑页面案例
lgplrcode的博客
06-25 614
<template> <div class="app-container"> <div class="filter-container" style="padding-bottom: 20px"> <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-circle-plus-outline" @click.native="a
vue element编辑功能
最新发布
老段的CSDN的博客
10-07 238
2.这个时候编辑能正常访问当前行数据但添加页面也出现当前行数据：那就根据title做一个判断 等于编辑的时候就显示数据。1.这个添加是动态的不能写死，点击添加就显示商品添加,点击编辑就是商品编辑。1.编辑页面和添加页面一致 所以 就不用单独去写新的编辑静态页面。用辅助函数读取，一加载页面就显示数据就使用到created。这个时候可以拿到添加页面了 ，下一步进行读数据，显示数据。2-3：在vuex页面导入这个页面并注册这个页面。2-4：在编辑页面导入这个vuex。2-5：操作编辑跳转到新的页面。
用vue2-ace-editor做个代码编辑界面
YXXXYX的博客
08-08 7293
最近写前端需要写一个简单的代码编辑器，使用了vue2-ace-editor这个插件；这里简单总结一下使用方法；环境：如果你也是vue2，并且不想再重写这个编辑器组件，可以引入ant-design-vue的组件库：这里是官方文档，可以看文档引入：传送门（注意：查看文档版本是1.7.8）然后就是引入vue2-ace-editor插件：vue2-ace-editor的github仓库：传送门引入方式：剩下步骤官网都写了，当然如果你想直接cv我下面的组件可以不用看，或者作为参考；为了提高复用性，并使代码更简洁，我首
Vue3指令篇 -- 自定义vue指令，实现基于el-table的行内编辑功能 -- 支持使用element组件/自定义组件
qq_41068362的博客
06-26 3576
自定义vue指令，实现基于el-table实现的行内编辑。代码量减少，每个table自己维护自己的编辑方法，代码逻辑统一封装，使用也很方便。编辑时的表单支持直接使用element组件和自定义组件，通过createApp和h函数就行
vue项目移动端编写项目职责
05-28
Vue项目移动端编写的项目职责除了包括前端页面开发、数据管理、路由管理、API请求、项目构建和打包、代码测试和调试、性能优化等方面，还需要特别关注以下几个方面： 1. 响应式设计：移动端的页面需要考虑不同屏幕...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值