精华内容
下载资源
问答
  • vant组件库-dropdownMenu组件自定义title 在利用vue开发h5页面时,通常我们选择的是vant作为我们的组件库,它提供60多个高质量组件,覆盖移动端各类场景。正如大多数组件库一样,很多都有这样或那样的bug,vant也是...

    vant组件库-dropdownMenu组件自定义title

    在利用vue开发h5页面时,通常我们选择的是vant作为我们的组件库,它提供60多个高质量组件,覆盖移动端各类场景。正如大多数组件库一样,很多都有这样或那样的bug,vant也是如此,本文要说的是vant中dropdownMenu组件自定义title无法及时更新title内容的bug。
    1、首先看下面一段代码

    <template>
      <div class="test">
        <van-dropdown-menu>
          <van-dropdown-item v-model="value" :options="option1" >
            <template slot="title">
              <span>{{ customizeTitle }}</span>
            </template>
          </van-dropdown-item>
        </van-dropdown-menu>
      </div>
    </template>
    
    <script>
      export default {
        data() {
          return {
            value: 0,
            option1: [
              { text: '全部商品', value: 0 },
              { text: '新款商品', value: 1 },
              { text: '活动商品', value: 2 },
            ],
            customizeTitle: '',
          };
        },
      };
    </script>
    

    2、上面的代码看起来似乎没什么问题,customizeTitle即为自定义的title,option1为下拉菜单的内容,value为绑定的当前下拉菜单的value值。然而当在不进行下拉操作,而直接改变customizeTitle时,你会发现页面并没有把你要改的这个customizeTile正常的渲染在页面上,当你再次改变customizeTile时,你回发现上一次改变的customizeTile渲染在了页面上,也就是页面只渲染上一次更改的customizeTile,当前更改的内容需要再下一次更改customizeTile 时才会渲染出来,不过当你点击一下菜单,customizeTile就会正常渲染出来。推测应该是该逐渐内部渲染逻辑的问题,希望广大网友有兴趣的可以研究一下这个问题,一起探讨。

    3、解决方法
    为了解决这个问题,我用van-button做了一个样子一样的菜单,利用dropdown的toggle方法,点击van-button会出发dropdown的下拉菜单打开,然后再正常选择菜单即可。

    PS:欢迎加入vue技术交流群(864583465)进行更多问题的探讨,你的问题将是我们大家共同进步的关键

    展开全文
  • android 动态修改menu item的内容title

    千次阅读 2014-11-05 22:39:36
    好像没有完美方法,只有在创建menu时,用记下全局的menuItem


    好像没有现成的api可能获取menu完美方法,只有在创建menu时,用全局的menuItem记下,

    在需要修改时修改。



    1)全局量:

    MenuItem  gMenuItem=NULL;


    2)//创建菜单时keep

        @Override
        public boolean onCreatePanelMenu(int featureId, Menu menu){
            getMenuInflater().inflate(R.menu.menu, menu);
            gMenuItem= menu.findItem(R.id.action_Seach);
            return true;
        }


    3)需要时修改

    //ANY PLACE

    if(gMenuItem!=NULL){

              gMenuItem.setTitle("Changed");

    }

    展开全文
  • 标题有点繁琐: ...menu文件中: <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" tools:context="com.secondhandbook.aty.MainActi

    标题有点繁琐:

    直接上图和上代码看清楚点:

    menu文件中:

    <menu xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        tools:context="com.secondhandbook.aty.MainActivity" >
    
            <item
            android:id="@+id/setting_edit"
            android:orderInCategory="100"
            android:showAsAction="always"
            android:title="@string/personal_setting_edit"/>
    
    </menu>

    Java文件中:

    	@Override
    	public boolean onCreateOptionsMenu(Menu menu) {
    		getMenuInflater().inflate(R.menu.main_setting, menu);
    		return true;
    	}
    	@Override
    	public boolean onOptionsItemSelected(MenuItem item) {
    		// TODO Auto-generated method stub
    		return super.onOptionsItemSelected(item);
    	}

    然后结果就是酱紫的:


    这忒难看,于是就要改,于是第一印象去menu文件中定义

    android:textSize = "18sp"

    发现没!作!用!


    后来是这么改的:

    修改style文件:

        <style name="AppTheme" parent="AppBaseTheme">
    
            <!-- All customizations that are NOT specific to a particular API-level can go here. -->
            <item name="android:actionMenuTextAppearance">@style/MenuTextStyle</item>
        </style>
    
        <style name="MenuTextStyle">
            <item name="android:textColor">@android:color/white</item>
            <item name="android:textSize">18sp</item>
        </style>
    然后结果就是酱紫的:



    大功告成!!!!


    2015快过去了,迎来2016。祝所有人快乐,幸福!

    展开全文
  • 项目中需要修改element-ui中NavMenu的样式,在修改划过样式时,发现.el-menu-item可以直接修改,但.el-submenu__title修改样式不生效 网友分析原因:二级菜单是使用slot添加的,单独给这个slot添加样式,等渲染出来...

    项目中需要修改element-ui中NavMenu的样式,在修改划过样式时,发现.el-menu-item可以直接修改,但.el-submenu__title修改样式不生效

    网友分析原因:二级菜单是使用slot添加的,单独给这个slot添加样式,等渲染出来,样式没有了,需要有深选择器。

    解决办法:

    1.

    /* 深选择器:如果相对设置了scoped的子组件里的元素进行控制可以使用'>>>'或者'deep'设置选中或悬浮的颜色*/
    .el-submenu /deep/ .el-submenu__title {
        height: 50px !important;
        line-height: 50px !important;
      }
    测试没效果..应该是我的问题

    2.

    按照在操作台中看到的class名,写在全局(非scoped)的style中,
    此处的class名是.el-submenu__title

    <style>
    .el-submenu__title{
      font-size: 1.8em !important;
    }
    </style>

    测试有效
     

    展开全文
  • Element plus NavMenu 导航菜单使用

    千次阅读 2021-06-10 14:45:29
    el-menu :default-active="active" class="sidebar-menu" background-color="#f9f9f9" text-color="#565656" unique-opened router active-text-color="#0079fe" :collapse="isCollapse" @select=...
  • Vant DropdownMenu 下拉菜单

    千次阅读 2020-12-31 01:45:49
    引入在app.json或index.json中引入组件,默认为ES6版本,"usingComponents": {"van-dropdown-menu": "@vant/weapp/dropdown-menu/index","van-dropdown-item": "@vant/weapp/dropdown-item/index"}代码演示基础用法...
  • android 设置Menu字体颜色

    千次阅读 2018-09-11 18:15:06
    【注】 Toolbar 没有直接提对供menu设置方法,需要通过Theme来调整Menu样式 具体有两种方式: 方式一. 在清单文件中给包含Toolbar的Activity设置Theme < activity android:name = "....
  • 今天主要解决在Android 4.0 以上的系统中,在java代码中给菜单Menu动态添加Icon无效问题。本人通过尝试网上给出的涉及到菜单的源码类 MenuBuilder通过反射更改mOptionalIconsVisible成员初始值默认值false为true的...
  • QML之Menu菜单

    万次阅读 2015-11-17 16:36:38
    QML菜单,我使用了两种方式实现,一种是直接使用QML中的menu实现,另一种是使用的ListView实现。 1.QML有Menu属性是做菜单的。效果如下: 使用起来也方便,你需要import QtQuick.Controls 我的QT版本是5.2的,...
  • ![图片说明](https://img-ask.csdn.net/upload/201708/19/1503134651_771622.png)
  • 那是不是绑定的值没有发生改变了,好像是的,因为你值定义了这个title,这个title就是下拉框选择的显示,只是你没有title的时候vant把你选择的text文字映射到title上去了,一旦你自己使用title进行绑定,那么每次修改...
  • Android 在menu中同时显示Icon和Text

    千次阅读 2014-06-30 21:40:15
    menu中如何实现同时显示Icon和Text,比如
  • 在vue项目中使用了elementUI的navMenu的横向菜单,需要修改菜单的高度,默认是60px,要求是50px。 给所有的 el-menu-item 标签修改了样式,唯独带有二级菜单的,样式就应用不上去。 二级菜单是使用slot添加的,单独...
  • vue、Menu 导航菜单、Menu属性、vue Menu 全部导航菜单、vue Menu 全部属性设计规则何时使用代码演示顶部导航内嵌菜单缩起内嵌菜单只展开当前父级菜单垂直菜单主题切换菜单类型单文件递归菜单APIMenuMenu 事件Menu....
  • 【Ant Design Vue 】之Menu菜单

    千次阅读 热门讨论 2021-03-11 11:16:08
    item.children" :key="item.path"> <a-icon type="pie-chart" /> <span>{{ item.title }}span> a-menu-item> <sub-menu v-else :key="item.path" :menu-info="item" /> template> a-menu> div> <router-view/> div> ...
  • <menu xmlns:android = "http://schemas.android.com/apk/res/android" > </menu> And as G.T. suggested you should consider using appcompat on the  showAsAction  property (only needed if you ...
  • Menu同时显示图标和文字,并动态改变menutitle 今天在开发中,遇到了一个蛋疼的问题, 开始以为是自己代码有错,debug看了后发现不是地图获取当前定位的问题 接下来,老规矩直接上图   右上角是一个menu的...
  • 看到有小伙伴对使用vant框架里DropdownMenu有疑问,统一记录,有默认title 官方地址 https://youzan.github.io/vant/#/zh-CN/dropdown-menu html <van-dropdown-menu> <van-dropdown-item :title=...
  • <el-menu-item v-for="item1 in item.children" :index="item1.menuId" :key="item1.menuId"> <span slot="title">{{item1.menuName}} </el-menu-item> <el-menu-item v-else :index="item.menuId" :key="item...
  • template slot="title"> 订单</template> <el-menu-item index="2-1">订单管理</el-menu-item> <el-menu-item index="2-2">订单详情</el-menu-item> </el-subme
  • Android Menu用法全面讲解

    万次阅读 多人点赞 2018-06-26 15:16:55
    fps=1说明:本文只介绍Android3.0及以上的Menu知识点。菜单的分类菜单是Android应用中非常重要且常见的组成部分,主要可以分为三类:选项菜单、上下文菜单/上下文操作模式以及弹出菜单。它们的主要区别如下:选项...
  • THE SIMPLE MENU SYSTEM OF SYSLINUX(转)

    千次阅读 2011-03-30 15:38:00
    THE SIMPLE MENU SYSTEM The simple menu system is a single module located at com32/modules/vesamenu.c32 (graphical) or com32/modules/menu.c32 (text mode only). It uses the same configuration ...
  • menu同时显示图标和文字

    千次阅读 2017-05-17 10:17:49
    Activity中的menu条目,在设置其showAsAction=”never”时,默认只显示文字title,而不会显示图标icon,可以在Activity中重写onMenuOpened(),通过反射使其图标可见。// 让菜单同时显示图标和文字 @Override public ...
  • 问题: 环境 android studio ,新建menu  解决: 指定showAsAction时候 要求加载 xmln ,记得把xmln名字改为非android 就行。
  • 首先在res/color文件下创建一个selector文件navigation_menu_item_color.xml,内容如下: < selector xmlns:android = "http://schemas.android.com/apk/res/android" > < item android:state_checked ...
  • Menu

    千次阅读 2016-03-13 00:37:12
    菜单的基本使用官方APImenu-resource在Android中,菜单被分为如下三种,选项菜单(OptionsMenu)、上下文菜单(ContextMenu)和子菜单(SubMenu)OptionsMenu效果图说明 重写两个方法 public boolean ...
  • Menu菜单用法全面讲解

    千次阅读 2020-04-30 13:54:41
    我们可以在res中的menu文件夹中新建一个一个menu文件 <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/next" android:icon="@mipmap/back" ...
  • 看完就能知道这个menu的结构上怎么组织和使用 1. 我准备的示例: 先上代码,格式加了空行,方便看结构:(前期模板组件的导入和注册都略过了) <el-menu default-active="2" class="el-menu-vertical-demo...
  • VUE-Element组件(二)NavMenu导航菜单

    千次阅读 2020-04-09 16:03:12
    navmenu组件
  • vue element NavMenu 导航菜单

    千次阅读 2019-08-22 23:07:00
    今天给大家带来一个垂直的导航菜单: 点击左边的菜单栏,右边也跟着变。 上代码:这是.vue文件 ...div class="hc_sidebar fl">...el-menu :default-active="$route.path" active-text-color="#fff000" r...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 147,771
精华内容 59,108
关键字:

menutitle