小编Kla*_*tte的帖子

AngularJS Bootstrap警报dismiss-on-timeout属性不起作用

我试图用AngularJS引导提醒喜欢解释这里的"解雇上超时"属性.它在此示例中没有任何效果,警报只是定期出现并且不会消失.

<alert type="warning" dismiss-on-timeout="2000">Alert text</alert>
Run Code Online (Sandbox Code Playgroud)

但它确实可以在网站的ng-repeat示例中使用:

<alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)" dismiss-on-timeout="2000">{{alert.msg}}</alert>
Run Code Online (Sandbox Code Playgroud)

问题是缺少关闭属性吗?如果是这样,如何为不属于数组的警报编写close函数?

alert timeout twitter-bootstrap angularjs angular-ui-bootstrap

9
推荐指数
2
解决办法
2万
查看次数

Vue:根据另一个道具的值有条件地允许道具类型

我有一个带有 propvalue和 prop 的组件rangerange类型为Boolean且默认为false. 当isvalue时应为类型,如果is则为类型。StringrangefalseArrayrangetrue

目前,我只知道如何指定它可以是orvalue类型,但不知道如何向它附加任何类型的条件:StringArray

export default {
  props: {
    value: {
      type: [String, Array]
    },
    range: {
      type: Boolean,
      default: false
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

这可能吗?

vue.js vue-component vuejs2 vue-props

5
推荐指数
0
解决办法
2859
查看次数

Nuxt:根据数据在page.vue中动态设置布局

我可以根据数据变量在我的页面中设置布局吗?

我有以下文件夹结构:

layouts/
--default.vue
--custom.vue
pages/
--page.vue
Run Code Online (Sandbox Code Playgroud)

我在 Page.vue 中试过这个:

export default {
  data () {
    return { value: '' }
  },
  layout () { this.value === 'a' ? 'custom' : 'default' }
  async asyncData ({...}) { //value is set here }
Run Code Online (Sandbox Code Playgroud)

但它返回错误“无法读取未定义的属性‘值’”。如何访问数据中的内容以动态决定页面应使用哪种布局?

vue.js nuxt.js

2
推荐指数
1
解决办法
1726
查看次数