<nuxt-link :to="link.headKeywords" prefetch class="w_100" :class=" link.i === 3 ? [news_actionIndex === i ? 'nav_action' : ''] : link.i === 3 " > {{ item.productClassifyName || item.jourlismClassifyName || item.headTitle }} </nuxt-link>三元表达式怎么写
时间: 2024-02-10 13:15:33 浏览: 30
三元表达式的写法如下:
```javascript
link.i === 3 ? (news_actionIndex === i ? 'nav_action' : '') : link.i === 3
```
其中 `link.i === 3` 是第一个条件语句,如果满足该条件,就会执行 `news_actionIndex === i ? 'nav_action' : ''`,否则执行 `link.i === 3`。
相关问题
<nuxt-link :to="item.headKeywords" class="Xl_title_y" prefetch @click="toPath()" > {{ item.headTitle }} 的toPath
根据你提供的代码,我可以看出这是一个 Nuxt.js 的链接组件,使用了动态路由。其中的 `to` 属性绑定了一个变量 `item.headKeywords`,这个变量应该是一个字符串类型的路径,用于指定链接的目标页面。`class` 属性指定了链接的样式,`prefetch` 属性表示预加载页面,`@click` 属性绑定了一个方法 `toPath()`,应该是点击链接时触发的回调函数。链接的显示文本使用了双括号插值语法,绑定了变量 `item.headTitle`,用于显示链接的标题。至于 `toPath()` 方法的具体实现,需要查看代码中的定义。
<nuxt-link :to="link.headKeywords" prefetch class="w_100" :class="[]" > {{ item.productClassifyName || item.jourlismClassifyName || item.headTitle }} </nuxt-link>动态绑定类名 在link.i===1 和===3的时候拥有 'nav_action'的样式
这是一个 Nuxt.js 模板中的代码,其中使用了动态绑定 class 属性的方式来控制样式的应用。在这个模板中,`:class="[]"` 表示该元素初始时不应用任何样式。然后,在 `nuxt-link` 标签上使用了动态绑定 `class` 属性的方式,通过 JavaScript 表达式来判断何时应该应用 `'nav_action'` 样式。具体来说,当 `link.i` 的值为 1 或 3 时,会在 `class` 属性的值中添加 `'nav_action'` 样式,否则不添加。因此,只有在 `link.i` 的值为 1 或 3 时,才会应用 `'nav_action'` 样式。