小编Neh*_*eha的帖子

vue.js有条件地禁用输入

我有一个输入:

<input type="text" id="name" class="form-control" name="name"  v-model="form.name" :disabled="validated ? '' : disabled">
Run Code Online (Sandbox Code Playgroud)

在我的Vue.js组件中,我有:

..
..
ready() {
        this.form.name = this.store.name;
        this.form.validated = this.store.validated;
    },
..
Run Code Online (Sandbox Code Playgroud)

validated作为a boolean,它可以是0或者1,但无论数据库中存储了什么值,我的输入始终被禁用.

我需要禁用输入false,否则应启用并可编辑.

更新:

这样做总是启用输入(无论我在数据库中有0还是1):

<input type="text" id="name" class="form-control" name="name"  v-model="form.name" :disabled="validated ? '' : disabled">
Run Code Online (Sandbox Code Playgroud)

这样做总是禁用输入(无论我在数据库中有0还是1):

<input type="text" id="name" class="form-control" name="name"  v-model="form.name" :disabled="validated ? disabled : ''">
Run Code Online (Sandbox Code Playgroud)

html javascript forms vue.js

227
推荐指数
8
解决办法
24万
查看次数

如何根据Vue中的特定值使输入只读?

如何根据Vue数据使输入字段只读?

例如:

<select class="form-control" 
        id="selectCategory" 
        :disabled="cat_id >= 
            1" 
        name="cat_id">
Run Code Online (Sandbox Code Playgroud)

我想让字段只读,但不禁用.我怎样才能做到这一点?

javascript forms vue.js

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

AJAX 和 XMLHttpRequest 的区别

XMLHttpRequest和 和有AJAX什么区别?任何人都可以提供一些示例来了解功能和性能方面的差异吗?

javascript ajax xmlhttprequest request

7
推荐指数
1
解决办法
4005
查看次数

如何在 react 中监听 localstorage 值的变化?

我想在用户登录时显示一个按钮。如果用户未登录,则我不显示按钮。当用户登录时,我将设置本地存储值。当我在登录组件中设置本地存储时,标题组件必须侦听该事件,并且显示按钮。我正在使用 addEventListener 进行监听。但它没有在监听。

我不知道在 header 组件中在哪里听。

// HeaderComponent(header.js):

class HeaderComponent extends Component {
    componentDidMount(){
        if(typeof window!='undefined'){
            console.log(localStorage.getItem("token"));
            window.addEventListener("storage",function(e){
               this.setState({ auth: true});
            })
        }
    } 
    render() {

    return (
        <div className="header">
            <div className="container">
                <div className="header-content">
                    <img src={logo} alt="logo"></img>
                    <div className="nav-links" >
                        <ul >
                            <li>Home</li>
                            <li>About</li>
                            <li>Services</li>
                            <li><NavLink activeClassName="active" to="/upload" >Upload</NavLink></li>
                            <li><NavLink activeClassName="active" to="/signup"> Sign Up</NavLink></li>


                           { this.state.auth? <li onClick={this.onLogout}>Logout</li> :null}

                        </ul>
                    </div>
                </div>
            </div>

        </div>
    );
   }  
}
Run Code Online (Sandbox Code Playgroud)

//登录组件(登录.js)

class LoginComponent extends Component {
    constructor(props) {
        super(props);
        this.onSubmit = this.onSubmit.bind(this);
    } …
Run Code Online (Sandbox Code Playgroud)

events addeventlistener local-storage reactjs

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

我想在 Laravel 中为模型添加一个自定义属性

我需要在不使用 get Attribute 的情况下为我的 Laravel 模型添加一个额外的属性。我想以默认和自定义格式获取 created_at 属性。

default : created_at : 2018-07-25 15:38:56

second: 10 Days Ago 
Run Code Online (Sandbox Code Playgroud)

如果我使用 getCreatedAtAttribute() 它会更改默认属性。

php laravel

6
推荐指数
1
解决办法
7156
查看次数

怎么把javascript date转换成Carbon Date?

我需要将javascript日期转换为Carbon日期。我只想按月份和年份过滤记录。

 $date  = Javascript Date to Carbon Date? 
 $logs =  $logs->whereBetween('created_at', [$date->startOfMonth(), $date->endOfMonth()]); 
Run Code Online (Sandbox Code Playgroud)

提前致谢。

php date laravel

5
推荐指数
1
解决办法
821
查看次数

如何将 Flowbite Tailwind 插件添加到我的 Laravel 9 + Vite 项目中?

我尝试将 flowbite 添加到我的 Laravel 项目中。我正在使用 Laravel 版本 9 和 Vite。

到目前为止,我执行了以下步骤:

  1. flowbite作为依赖项安装:
npm i flowbite
Run Code Online (Sandbox Code Playgroud)
  1. 添加了插件tailwind.config.js
plugins: [
  require('@tailwindcss/forms'),
  require('@tailwindcss/typography'),
  require('flowbite/plugin')
],  
Run Code Online (Sandbox Code Playgroud)
  1. 我将其导入App.js
import Flowbite from 'flowbite';


4. Then I ran the app:
```shell
npm run dev
Run Code Online (Sandbox Code Playgroud)

我也尝试使用 CDN 链接添加它,但它不起作用。

有人可以告诉我我做错了什么吗?或者也许你可以建议我一个更好的库来与 Tailwind CSS 一起使用,因为 Tailwind 不提供工具提示、下拉菜单等 js 组件。

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
    setup({ el, app, props, plugin }) {
        return createApp({ render: () => h(app, props) }) …
Run Code Online (Sandbox Code Playgroud)

tailwind-css vuejs3 vite laravel-9 flowbite

5
推荐指数
1
解决办法
3085
查看次数

将 Php 变量与 img src 中的字符串连接起来

我正在使用 Laravel 刀片。我想将 php 变量与 Blade 代码中的字符串连接起来。

以js为例:

  <img class="img-responsive" src='http://example.com/'+ user_id +'/picture?type=square';/>
Run Code Online (Sandbox Code Playgroud)

如何用 php 变量写这个?

  <img class="img-responsive" src='http://example.com/'. {{ $user_id}} .'/picture?type=square';/>
Run Code Online (Sandbox Code Playgroud)

php image concatenation laravel laravel-blade

4
推荐指数
1
解决办法
6556
查看次数

如何在 laravel 中提取不同的关系?

我需要从路线中提取城市关系。例如

 $list = Route::with('fromcity')->get()->pluck('fromcity')->toArray();
Run Code Online (Sandbox Code Playgroud)

但它从关系中返回重复的城市。如何获取不同的记录?提前致谢

php laravel

4
推荐指数
1
解决办法
1799
查看次数

Vue 组件的结构应该是什么?应该按什么顺序添加功能?

Vue 组件有系统的结构吗?应该以什么顺序编写计算、方法、组件、安装的手表等?

vue.js vue-component vuejs2

4
推荐指数
1
解决办法
1530
查看次数